小猿圈web学习-当fetch遇到302状态码,会发生什么?

本文介绍了在Web开发中,当使用fetch API遇到302重定向状态码时,浏览器如何自动处理以及如何应对需要认证的接口。fetch无法拦截302,但能处理401状态码。建议后端返回401,由前端检查状态码进行相应操作。这是一个关于前端开发中fetch与HTTP状态码交互的实用知识点。
摘要由CSDN通过智能技术生成

随着互联网的发展,出现了越来越多的互联网公司,同时对于web前端开发者的需要也是越来越供不应求,一个好的web开发者更是不容易招聘到,今天呢小猿圈就给大家分享一个我们web工作中的一个小知识点,希望能够帮助到大家。
在用户未登录的时候,后端会返回302状态码,浏览器根据响应头的设置跳转到SSO页面。重定向到正确的登录页面来让用户登录,这似乎并没有什么问题。然而,当我需要用fetch从后端请求一些数据的时候,请求会失败并且重定向并没有发生。
所以,第一个问题是:
我仅仅用koa写了一个小例子来测试fetch的302状态码。在后端,当接口 /bait 接受一个请求,会设置一个302状态码并且在响应头中增加重定向的位置信息:/gotcha。代码如下:
JavaScript
在这里插入图片描述
1 1234567891011121314
JavaScript

在这里插入图片描述

现在,如果我向 /bait 发起一个请求,/gotcha 会返回响应信息:在这里插入图片描述

检查网络请求发现,第一个请求 /bait 返回了302,然后发起了第二个请求 /gotcha:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值