1.安装axios
npm i axios
新建http.js文件
import axios from 'axios'
//将axiox进行修改(有token)
const http = axios.create({
baseURL: '',//请求地址
timeout: 1000 * 6,
// withCredentials: true,
headers: {
'Content-Type': 'application/json; charset=utf-8'
}
})
//请求前拦截
http.interceptors.request.use(function (config) {
// 在发送请求之前进行拦截验证
console.log("全局拦截")
console.log(config, 'config')
config.headers.token = localStorage.getItem('token')||'123456789'
return config
}, function (error) {
//对于请求错误应该怎么做
return Promise.reject(error)
});
//请求后拦截(响应拦截器)
http.interceptors.response.use(function (response) {
//对响应数据进行操作
console.log('全局拦截响应')
//请求返回的数据建议打印后进行不同的判断
// console.log(response)
if (response.data.code == '404') {
// 跳转至页面丢失页
} else if (response.data.code == '401') {
// token失效跳转至登录页
} else {
return response
}
}, function (error) {
//对错误的响应做些什么
return Promise.reject(error)
});
function get(url, params) {
return http.get(url, {
params
})
}
function post(url, data) {
return http.post(url, data)
}
export default http
之后在main.js中引入
