代码之家 › 专栏 › 技术社区 › Alfred Balle

VUE JS和AXIOS -重定向401

vue-router axios vue.js

Alfred Balle · 技术社区 · 6 年前

我在跑步 Vue.js 和 axios 并尝试生成如下通用API对象:

import router from './router'
import auth from './auth'
const axios = require('axios')

export const API = axios.create({
  baseURL: `https://my-api.com/`,
  headers: {
    Authorization: auth.getToken()
  }
})

API.interceptors.response.use(null, function (error) {
  if (error.response.status === 401) {
    console.log('Failed to login')
    router.push('/Login')
  }
  return Promise.reject(error)
})

我正在尝试将用户重定向到 Login 在我的单页应用程序中显示 401 收到错误代码。但是我没有被重定向,我的chrome开发工具也没有出错。我知道 console.log 具有 Failed to login 是的。

2 回复 | 直到 6 年前

Rubén Pozo 6 年前

我也发现了类似的情况。我已经修正了这个密码:

import router from 'router'
import store from 'store'
...
...
axios.interceptors.response.use(function (response) {
  return response
}, function (error) {
  console.log(error.response.data)
  if (error.response.data.error.statusCode === 401) {
    store.dispatch('logout')
    router.push('/login')
  }
  return Promise.reject(error)
})

Eduardo Cuomo Sajjad Ali Khan 6 年前

你可以这样做:

axios.post("quote", params)
  .catch(function(error) {
    if (error.response && error.response.status === 401) {
      window.location.href = "logon";
    } else {
      // Handle error however you want
    }
  });

资料来源: https://github.com/axios/axios/issues/396#issuecomment-395592900

推荐文章

Hadi Zouhbi · 如何将从axios获得的数据传递到使用node的后端。js(react&node.js)

2 年前

Fatt Sky · 返回axios get错误([[PromiseState]]:“拒绝”)

2 年前

Vodka · 如何将单个json对象转换为json数组?

2 年前

Selcukusu · 为什么在show-axios-react之后无法清除错误消息

2 年前

Carlos Henrique R. Pereira · 我的API请求有效,但无法访问内容

2 年前

torrey pines · React在错误的API调用中不输出axios catch错误,而是获取JavaScript错误

2 年前

C9Tolan · React和Axios Post有效负载格式

2 年前

bami · 动态SSG页需要getStaticPaths,而地址缺少getStaticPaths

2 年前

kunosyn · 未使用“回调地狱”语法定义Javascript类属性

2 年前

sergioac · 如何在react js中使用带有自定义钩子的表单数据?

3 年前