vue-封装axios(带token,跳转到login页面)
- import Vue from 'vue'
- import axios from 'axios'
- import router from '@/router'
-
- // 创建axios实例
- const service = axios.create({
- timeout: 1000 * 30,
- // 允许跨域带token
- withCredentials: true,
- headers: {
- 'Content-Type': 'application/json; charset=utf-8'
- }
- })
-
- // request拦截器
- service.interceptors.request.use(
- (config) => {
- config.headers['token'] = Vue.cookie.get('token')
- ? Vue.cookie.get('token')
- : '74c8ffe4a59da108f03aa7afc77cc24e'
- // if(config.url.indexOf("http://result.eolinker.com")) {
- // config.headers['token'] = Vue.cookie.get('token') ? Vue.cookie.get('token') : '74c8ffe4a59da108f03aa7afc77cc24e';
- // }
- return config
- },
- (error) => {
- return Promise.reject(error)
- })
-
- // response拦截器
- service.interceptors.response.use(response => {
- if (response.data && response.data.code === 401) { // 401, token失效
- Vue.cookie.delete('token')
- router.push({name: 'login'})
- }
- return response
- }, error => {
- return Promise.reject(error)
- })
-
- export default service
作者:jackson等567人
链接:https://www.jianshu.com/p/98b5501ea814
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。