axios二次封装

一、request.js

import axios from 'axios'
import router from "@/router";const request = axios.create({baseURL: 'http://localhost:9090',timeout: 5000
})// request 拦截器
// 可以自请求发送前对请求做一些处理
// 比如统一加token，对请求参数统一加密
request.interceptors.request.use(config => {config.headers['Content-Type'] = 'application/json;charset=utf-8';let user = localStorage.getItem("user") ? JSON.parse(localStorage.getItem("user")) : nullif (user) {config.headers['token'] = user.token;  // 设置请求头}return config
}, error => {return Promise.reject(error)
});// response 拦截器
// 可以在接口响应后统一处理结果
request.interceptors.response.use(response => {let res = response.data;// 如果是返回的文件if (response.config.responseType === 'blob') {return res}// 兼容服务端返回的字符串数据if (typeof res === 'string') {res = res ? JSON.parse(res) : res}// 当权限验证不通过的时候给出提示if (res.code === '401') {// ElementUI.Message({//     message: res.msg,//     type: 'error'// });router.push("/login")}return res;},error => {console.log('err' + error) // for debugreturn Promise.reject(error)})export default request

二、prototype装载

import request from "@/utils/request";Vue.prototype.request=request

三、使用

this.request.get("/user/page", {params: {pageNum: this.pageNum,pageSize: this.pageSize,username: this.username,email: this.email,address: this.address,}
}).then(res => {this.tableData = res.data.recordsthis.total = res.data.total
})