return Promise.reject(error);的时候前端将错误以报错的形式显示出来

Question

老师,你好,这里场景是在控台界面,刷新,但是由于token过期,后端返回状态码401的信息,前端判断响应的状态码之后,执行如下操作

但是如果后边继续执行 return Promise.reject(error);的话,在返回到login界面的时候,就会直接将401错误显示到前端,

假如将 return Promise.reject(error);改为return response;就不会出现这样的问题,我该如何解决呢,还是不管这个问题.
notification.error({ description: “未登录或登录超时” });该提示会正常显示

Answer 1

甲蛙 2023-05-11 20:41:04

我讲过的wiki也是这么做的，还没有同学反馈过有你这个问题，是不是版本问题，如果return response能解决，那也可以，目标就是能跳到登录页面就可以。

• 码上修 #1

  我也是这个问题，换成return response页面报错是没了，但会出现俩个提示框，有一个提示框里没有东西

• 慕的地5112361 #2

  我的也是这个问题

• 慕神4535282 #3

  与1楼的情况完全一样，我的axios是^1.4.0 版本，应该是与老师的版本不一致都会有这种情况。

Answer 2

PhoebeJ 2023-05-19 22:14:33

查看web前端目录下vue.config.js配置文件，如配置文件入下:

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true
})

则增加如下配置即可关闭问题中所示的错误提示界面：

// 其他配置项
devServer:{
  client:{
    overlay: false
  }
},
// 其他配置项

具体文档参考：https://webpack.docschina.org/configuration/dev-server/#overlay

• 杨小胖_7988 #1

  赞👍🏻

• Jack_Hu_ #2

  这个方法很好，感谢