import axios from 'axios'
import { MessageBox, Message } from 'element-ui'
import store from '@/store'
import Router from '@/router'
import { getCookie, setToken, setCookie } from './auth'
// 因为后端环境区分v1 v2 剔除测试盛传的环境配置,并添加统一前缀
const url = process.env.VUE_APP_BASE_API
// axios.defaults.baseURL = 'http://192.168.24.48:8080/vwdata'
// create an axios instance
const service = axios.create({
baseURL: url, // url = base url + request url
withCredentials: true, // send cookies when cross-domain requests
timeout: 60000, // request timeout
crossDomain: true
})
// request interceptor
service.interceptors.request.use(
config => {
// do something before request is sent
if (store.state.user.token) {
// let each request carry token
// ['X-Token'] is a custom headers key
// please modify it according to the actual situation
// config.headers['token'] = getToken()
config.headers['token'] = getCookie('user_token')
}
// The request parameter defaults to object
config.data = config.data || {}
// Determine whether global loading is needed according to the request parameter s s s needload field
return config
},
error => {
// error reset loading
// do something with request error
console.log(error) // for debug
return Promise.reject(error)
}
)
window.islogin = true
// response interceptor
service.interceptors.response.use(
/**
* If you want to get http information such as headers or status
* Please return response => response
*/
/**
* Determine the request status by custom code
* Here is just an example
* You can also judge the status by HTTP Status Code
*/
response => {
const res = response.data
// if the custom code is not 20000, it is judged as an error.
// 后台返回0失败1成功
// if (!getToken()) {
// Router.push('/login')
// }
if (res.code === 0 || res.code === 1) {
return res
} else if (res.code === -1) {
if (window.islogin) {
window.islogin = false
MessageBox.alert(res.message, '登录失效', {
confirmButtonText: '去登录',
showClose: false
}).then(() => {
Router.push('/login')
})
}
} else if (res.code === 401) {
Router.push('/err.401')
} else if (res.code === 1001) {
setCookie('user_token', res.data.token)
response.config.headers['token'] = res.data.token
return axios.request(response.config)
}
else {
if(res.message){
Message({
message: res.message,
type: 'error',
duration: 5000
})
}else{
return response
}
}
},
error => {
console.log('err' + error) // for debug
Message({
message: error.msg || '网络异常',
type: 'error',
duration: 5 * 1000
})
return Promise.reject(error)
}
)
export default service
token失效重新存储发起请求
小只笨笨狗~2024-12-15 9:56
相关推荐
CodeMartain7 分钟前
Arrys.asList踩坑实录前端郭德纲8 分钟前
react useRef、useContext、useReducer使用中遇到的问题及解决办法ThetaarSofVenice10 分钟前
【Java从入门到放弃 之 LinkedList 和 ArrayDeque】乐容15 分钟前
electron常用方法广东数字化转型32 分钟前
Less和SCSS,哪个更好用?云空1 小时前
《python中WEB安全库》yqcoder1 小时前
react 计算属性Excuse_lighttime1 小时前
LinkedList与链表 和 链表面试题前端李易安1 小时前
【Vue3项目实战系列一】—— 从零开始一个vue3项目 vue3+javascript+vite 非常详细 手把手教学一雨方知深秋1 小时前
VueCli自定义创建项目