axios携带token

最新推荐文章于 2024-08-02 10:52:48 发布

chunxue8373

最新推荐文章于 2024-08-02 10:52:48 发布

阅读量2.6k

点赞数

文章标签： javascript json 后端 ViewUI

原文链接：https://my.oschina.net/u/3964830/blog/3068313

版权

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