axios携带token

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
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

转载于:https://my.oschina.net/u/3964830/blog/3068313

你可能感兴趣的:(axios携带token)