import axios from 'axios'; import QS from 'qs'; import { goTologin } from '@/utils/util.js' //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" if (process.env.NODE_ENV == "development") config['headers']['authorization'] = "0h870ovk2xckoqfsh8a3t3sg4sg5z7eg" 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: console.log("401"); goTologin() console.log("401"); break 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; } }