在 Vue.js 中使用 JavaScript 处理 GET 301/302 响应

Question

我需要使用 JavaScript 打印一些 301/302 响应标头：我看到了很多关于 Angular 的答案，但我正在使用 Vue.js 来获得结果。好吧，这并不重要，因为它主要是一个 JavaScript 问题……我的意思是，我不只是对 Vue.js- 解决方案感兴趣，它可以而且应该在任何地方工作。作为前端开发人员，我无法手动创建一个场景，让我的项目在自己的服务器中返回一个重定向，并且很难找到一个没有 CORS 限制的随机远程页面。为了更清楚，我需要在重定向之前获得status 代码和statusText 的301/302 响应（以及新页面的Location），然后是重定向页面的完整标题。现在我只能检索这些最后一个，因为vue-resource 创建的the default this.$http.get(); request 似乎没有将第一个存储在对象中。我在这里要问的是，是否有办法将重定向响应也存储在变量中，然后同时显示两者。我不知道切换到axios 是否更可取——因为我对 Vue.js 还是很陌生。我的组件的方法如下：

getRequest: function() {
  this.$http.get(this.url)
    .then(function(response) {
      if (response.ok) {
        if (response.status === 301 || response.status === 302) {
          // show the redirecting response
        }
      // show the redirected response
      }
    }

编辑：the sources for this project 在 GitHub 上；当您发送 GET 请求并且响应显示 301/302 时，您应该能够看到三列而不是两列，其中第二列显示重定向响应标头的详细信息。

Answer 1

您无法处理 301 或 302 状态，因为它们在内部

if(response.ok)

block，表示状态为200。试试这个吧：

   getRequest: function() {
  this.$http.get(this.url)
    .then(function(response) {
      if (response.ok) {
      // show the redirected response
      }
      if (response.status === 301 || response.status === 302) {
          // show the redirecting response
      }
    }