日常学习记录
模块化:把一个大文件分成多个小文件,按照一定规范进行拼接
es5写法:
导出:module.exports = 数据
导入:require("路径")
/路径未添加后缀名时
//默认添加.js
//把路径作为文件名寻找index.js文件
es6写法:
导出:export://声明时导出
//export default 变量名 /导出默认值
导入:import {''} from ''路径'' /对象
/import "" from ''路径'' /默认数据
注意:需要将文件后缀名修改为.mjs
/运行时加入 --experimental-modules
axios模块:
准备数据:
let user = {
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 = "";
return config;
},error=>{
return Promise.reject(error)
})