首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在fetch()函数之后重定向

在fetch()函数之后重定向可以通过以下步骤实现:

  1. 首先,确保fetch()函数已经成功获取到了服务器返回的响应。可以使用.then()方法来处理fetch()函数的返回值,该方法接受一个回调函数作为参数。
  2. 在.then()方法中,可以检查服务器返回的响应状态码。如果状态码为3xx,表示需要重定向。
  3. 如果需要重定向,可以从响应头中获取重定向的目标URL。可以使用response.headers.get('Location')方法来获取。
  4. 使用window.location.href或者window.location.replace()方法将页面重定向到目标URL。

以下是一个示例代码:

代码语言:txt
复制
fetch('https://example.com/api/data')
  .then(function(response) {
    if (response.status >= 200 && response.status < 300) {
      // 请求成功
      return response;
    } else if (response.status >= 300 && response.status < 400) {
      // 需要重定向
      var redirectUrl = response.headers.get('Location');
      window.location.href = redirectUrl; // 或者使用 window.location.replace(redirectUrl);
    } else {
      // 请求失败
      throw new Error('请求失败');
    }
  })
  .then(function(response) {
    // 处理响应数据
  })
  .catch(function(error) {
    // 处理错误
  });

这样,当fetch()函数返回的响应状态码为3xx时,页面将会自动重定向到目标URL。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的视频

领券