爱站程序员基地日常学习记录
模块化:把一个大文件分成多个小文件,按照一定规范进行拼接
es5写法:
导出:module.exports = 数据
导入:require(“路径”)
/路径未添加后缀名时
//默认添加.js
//把路径作为文件名寻找index.js文件
es6写法:
导出:export://声明时导出
//export default 变量名 /导出默认值
导入:import {’’} from ‘‘路径’’ /对象
/import “” from ‘‘路径’’ /默认数据
注意:需要将文件后缀名修改为.mjs
/运行时加入 –experimental-modules
axios模块:
准备数据:
letuser={
uid:5,
username:“测试11111”
}
1) 导入axios模块
const axios = require(‘axios’);
2) 设置默认参数
axios.default.baseURL = ‘请求路径’;
3)发送请求
get请求:
axios.get(\”/user\”)
.then(response=>{
console.info(response.status);
console.info(response.data);
})
.catch(error=>{
console.info(“get请求失败”);
})
post请求:
axios.post(\”/user\”,user)
.then(response=>{
console.info(response.status);
console.info(response.data);
})
.catch(error=>{
console.info(“post请求失败”);
})
put请求:
axios.put(\”/user\”,user)
.then(response=>{
console.info(response.status);
console.info(response.data);
})
.catch(error=>{
console.info(“put请求失败”);
})
delete:
axios.delete(\”/user/5\”)
.then(response=>{
console.info(response.status);
console.info(response.data);
})
.catch(error=>{
console.info(“delete请求失败”);
})
拦截器:
axios.interceptors.request.use(config=>{
// 设置请求头和内容
config.headers.Authorization=“”;
returnconfig;
},error=>{
returnPromise.reject(error)
})
