OPTIONS net::ERR_EMPTY_RESPONSE AngularJs Post 呼叫

Question

这是我的要求header

Request URL:http://demo7876167.mockable.io/auth/login
Request Headers
Provisional headers are shown
Access-Control-Request-Headers:accept, content-type
Access-Control-Request-Method:POST
Origin:http://localhost:8000
Referer:http://localhost:8000/
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.106 Safari/537.36
X-DevTools-Emulate-Network-Conditions-Client-Id:CACC0804-7333-424B-985E-DBA8164A45E1

这正是控制台出现的错误

OPTIONS http://demo7876167.mockable.io/auth/login net::ERR_EMPTY_RESPONSE

当我尝试通过 postman 访问同一个 URL 时，它似乎有效。每当我尝试访问不同的服务器时都会发生这种情况。

是否有任何特定的方法可以在 angularJs 中进行调用，以便我可以 post 请求任何启用了 CORS 的服务器

Answer 1

浏览器在发出您期望它发出的 POST 请求之前发出 preflight OPTIONS request。（大概是您正在使用 Postman 测试的 POST 请求）。

如果您不进行 simple request，则需要预检请求。默认情况下 Angular 会将 POST 请求中的数据编码为 JSON（而不是更常见的 URL 表单编码）。 JSON 不是简单请求可接受的 content-types 之一。

您向其发出请求的服务器必须响应 OPTIONS 请求，以告知浏览器您的 JavaScript 可以发出 JSON 编码的 POST 请求正在努力制作。

浏览器收到权限后，会发出你用Postman模拟的POST请求。

或者，make a form encoded POST 而不是 JSON 编码。

OPTIONS net::ERR_EMPTY_RESPONSE AngularJs Post 呼叫

OPTIONS net::ERR_EMPTY_RESPONSE AngularJs Post call

javascript

xmlhttprequest

http-headers

angularjs