为什么我的$.ajax显示“Preflight is invalid redirect error”？

Question

我在Postman中尝试了下面的代码，它起作用了。代码有问题吗？

$.ajax({
   url: 'http://api.example.com/users/get',
   type: 'POST',
   headers: {
      'name-api-key':'ewf45r4435trge',
   },
   data: {
      'uid':36,
   },
   success: function(data) {
      console.log(data);
   }
});

我在我的控制台中发现了这个错误，如下所示，请告知。

XMLHttpRequest无法加载http://api.example.com/users/Get响应，因为预飞行无效（重定向）

Answer 1

该错误指示预飞行正在获得重定向响应。出现这种情况的原因有很多。找出你被重定向到的地方，以获得为什么会发生的线索。请选中“开发人员工具”中的“网络”选项卡。

正如@Peter T所提到的，一个原因是API可能需要HTTPS连接，而不是HTTP，并且HTTP上的所有请求都被重定向。在本例中，302响应返回的location头将显示与http更改为https相同的url。

另一个原因可能是您的身份验证令牌未被发送或不正确。大多数服务器都被设置为将不包含身份验证令牌的所有请求重定向到登录页面。再次检查您的location头，看看这是否是发送您的位置，并查看浏览器是否将您的身份验证令牌与请求一起发送。

通常，服务器将被配置为总是将没有身份验证令牌的请求重定向到登录页面--包括您的预飞行/选项请求。这是个问题。更改服务器配置以允许来自未经身份验证的用户的options请求。

Answer 2

这个答案涉及的是完全相同的事情（尽管是angular）--这是一个CORS问题。

一个快速的解决方法是通过指定一个“内容类型”头值来修改每个POST请求，该头值不会触发“预飞行”。这些类型是：

• 应用程序/x-www-form-urlencoded
• 多部分/表单-数据
• 文本/纯文本

任何其他东西都会触发一次飞行准备。

例如：

$.ajax({
   url: 'http://api.example.com/users/get',
   type: 'POST',
   headers: {
      'name-api-key':'ewf45r4435trge',
      'Content-Type':'application/x-www-form-urlencoded'
   },
   data: {
      'uid':36,
   },
   success: function(data) {
      console.log(data);
   }
});

Answer 3

我在尝试调用https web服务时收到了与http web服务相同的错误。

e.g when I call url 'http://api.example.com/users/get'
which should be 'https://api.example.com/users/get'

当您尝试调用http而不是HTTPS时，由于重定向状态302而产生此错误。