97 lines
3.4 KiB
JavaScript
97 lines
3.4 KiB
JavaScript
import axios from 'axios';
|
||
import QS from 'qs';
|
||
import router from '../router/index'
|
||
//qs.stringify()是将对象 序列化成URL的形式，以&进行拼接
|
||
// let protocol = window.location.protocol; //协议
|
||
// let host = window.location.host; //主机
|
||
// axios.defaults.baseURL = protocol + "//" + host;
|
||
// axios.defaults.baseURL = 'https://app.gter.net'
|
||
axios.defaults.baseURL = '/index'
|
||
// axios.defaults.emulateJSON = true
|
||
// axios.defaults.withCredentials = true
|
||
|
||
axios.interceptors.request.use( //响应拦截
|
||
async config => {
|
||
// 每次发送请求之前判断vuex中是否存在token
|
||
// 如果存在，则统一在http请求的header都加上token，这样后台根据token判断你的登录情况
|
||
// 即使本地存在token，也有可能token是过期的，所以在响应拦截器中要对返回状态进行判断
|
||
// config.headers.withCredentials = true
|
||
// config.headers['Content-Type'] = 'multipart/form-data'
|
||
|
||
if (process.env.NODE_ENV == "development") config['headers']['authorization'] = "x2mmnl9grt51bpplj2k6ioiuummzhnw3"
|
||
return config;
|
||
},
|
||
error => {
|
||
return Promise.error(error);
|
||
})
|
||
// 响应拦截器
|
||
axios.interceptors.response.use(
|
||
response => {
|
||
if (response.status === 200) return Promise.resolve(response); //进行中
|
||
else return Promise.reject(response); //失败
|
||
|
||
},
|
||
// 服务器状态码不是200的情况
|
||
error => {
|
||
if (error.response.status) {
|
||
switch (error.response.status) {
|
||
// 401: 未登录
|
||
case 401:
|
||
break
|
||
// 403 token过期
|
||
// 清除本地token和清空vuex中token对象
|
||
// 跳转登录页面
|
||
case 403:
|
||
router.push('/login')
|
||
break
|
||
// 404请求不存在
|
||
case 404:
|
||
break;
|
||
// 其他错误，直接抛出错误提示
|
||
default:
|
||
}
|
||
return Promise.reject(error.response);
|
||
}
|
||
}
|
||
);
|
||
/**
|
||
* get方法，对应get请求
|
||
* @param {String} url [请求的url地址]
|
||
* @param {Object} params [请求时携带的参数]
|
||
*/
|
||
const $get = (url, params) => {
|
||
return new Promise((resolve, reject) => {
|
||
axios.get(url, {
|
||
params: params,
|
||
}).then(res => {
|
||
resolve(res.data);
|
||
}).catch(err => {
|
||
reject(err.data)
|
||
})
|
||
});
|
||
}
|
||
/**
|
||
* post方法，对应post请求
|
||
* @param {String} url [请求的url地址]
|
||
* @param {Object} params [请求时携带的参数]
|
||
*/
|
||
const $post = (url, params) => {
|
||
return new Promise((resolve, reject) => {
|
||
//是将对象 序列化成URL的形式，以&进行拼接
|
||
axios.post(url, QS.stringify(params)).then(res => {
|
||
resolve(res.data);
|
||
}).catch(err => {
|
||
reject(err.data)
|
||
})
|
||
});
|
||
}
|
||
//下面是vue3必须加的，vue2不需要，只需要暴露出去get，post方法就可以
|
||
export default {
|
||
get:$get,
|
||
post:$post,
|
||
install: (app) => {
|
||
app.config.globalProperties['$get'] = $get;
|
||
app.config.globalProperties['$post'] = $post;
|
||
app.config.globalProperties['$axios'] = axios;
|
||
}
|
||
} |