axios添加token - 翔子的博客

翔子

前端开发工程师

博客已从 VitePress 迁移到 Astro + Firefly 主题，223 篇文章全部保留。

归档 221

算法 44 工作 39 前端工程 37 前端框架 32 工具 21 语言基础 21 编辑器 13 DevOps 10 其他 4

132 字

1 分钟

axios添加token

2020-08-16

前端框架

vue

1
axios.interceptors.request.use(
2
  config => {
3
      config.headers.token = localStorage.getItem('ACCESS_TOKEN')
4
      return config;
5
  },
6
  error => {
7
      return Promise.reject(error);
8
  }
9
)

判断返回结果并跳转到登录页#

1
axios.interceptors.response.use(
2
  response => {
3
    if (response.data.message === '请登录') {
4
      notification.error({
5
        key,
6
        message: '错误',
7
        description: '登陆已过期，请重新登陆'
8
      })
9
      setTimeout(() => {
10
        store.dispatch('Logout')
11
        route.replace({ // 跳转到登录页面
12
          path: '/login'
13
          // query: {redirect: router.currentRoute.fullPath, gameId: store.state.gameId} // 将跳转的路由path作为参数，登录成功后跳转到该路由
14
        })
15
      }, 1000);
16
    } else {
17
      return response
18
    }
19
  },
20
  error => {
21
    return Promise.reject(error);
22
  }
23
)