- 读完本文大约需要5分钟
- 本文前置知识:HTTP状态码、fetch
- 阅读难度:初级
- 本文关键代码及输出结果都写了出来,可以不用编译器编译,直接浏览文章
事情发生在昨天,在调用接口的时候,接口写错了:
/xxx/interventionlist 写成了 /xxx/Interventionlist
果不其然红一片,点开network后,找到调用的接口 ⬇️
这里的302是对404处理后的结果,将所有出现404的结果跳转到一个指定的404页面。 不过这种跳转应该发生在访问页面时,而不是在调用接口传参交互时。
因此我决定对这种出现302的错误进行一个封装,在亲自踩过坑后,这篇文章诞生了!
重定向时无法直接捕获状态码
最开始我尝试直接做个 checkStatus() 来处理这种问题,当response.status === 302 时console.log出来
...
function checkStatus(response) {
console.log(response) // 注1<

本文介绍了在前端使用fetch时遇到302/301重定向无法直接捕获状态码的问题,以及两种解决方案:通过fetch的redirect选项设置为manual来判断重定向,或者后端改写状态码让前端手动处理。这两种方法分别有其适用场景和限制。
最低0.47元/天 解锁文章

被折叠的 条评论
为什么被折叠?



