拦截器疑问?

来源:16-6 登录token超时优化

慕神4535282

2020-11-03

老师,下午好,请教一个问题:

axios.interceptors.response.use(function (response) {
  console.log("返回结果: ", response);
  return response;
}, error => { 
  console.log("返回拦截:", error.response);
  ...
});

上述代码中error是什么类型啊, error.response 呢?
我怀疑 error 是XMLHttpRequest类型,error.response是 responseType类型,(详见https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/response)但看起来又不像,因为在该文档上找不到下面引用文字中的各种属性名及介绍。
下面是走 error 分支时的打印信息:

返回拦截:
{data: “”, status: 401, statusText: “Unauthorized”, headers: {…}, config: {…}, …}
config: {url: “http://127.0.0.1:9000/business/admin/category/all”, method: “post”, headers: {…}, transformRequest: Array(1), transformResponse: Array(1), …}
data: ""
headers: {content-length: “0”}
request: XMLHttpRequest {readyState: 4, timeout: 0, withCredentials: true, upload: XMLHttpRequestUpload, onreadystatechange: ƒ, …}
status: 401
statusText: "Unauthorized"
proto: Object

我到处都查询不到上述打印信息的各个属性名,请问老师,如果不通过console.log(“返回拦截:”, error.response); 的话,有相关的文档介绍相关 error.response 的吗?麻烦发一下链接过来,谢谢老师解答!!!

写回答

1回答

甲蛙

2020-11-04

我这没文档,很多写法是一个项目一个项目积累起来。还是百度比较多,因为你遇到的问题,百度上都有人遇到过

0
1
慕神4535282
非常感谢!
2020-11-04
共1条回复

Spring Cloud+ Vue前后端分离开发企业级在线视频系统

全网稀缺课程 市场热门项目+主流框架 一课掌握前后端技术

1743 学习 · 1698 问题

查看课程