CORS:No' Access-Control-Allow-Origin'即使响应是200,标题仍然存在?

时间:2018-01-24 16:16:24

标签: https cors

我正在尝试从我的React应用程序(localhost:3000)向我的Laravel PHP应用程序(localhost:8000)发出跨域请求。我相信我的后端设置为接受跨域请求。我用过这个:https://github.com/barryvdh/laravel-cors

我似乎拥有这个答案中的所有参数(https://stackoverflow.com/a/38087435/1555312),所以我不知道为什么我的工作不起作用。当我使用chrome控制台时,我实际上看到了200响应+预期的身体。

以下是我在控制台中看到的错误:

Failed to load http://localhost:8000/api/v1/upload-sessions: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access.

以下是我的POST请求的样子:

OPTIONS请求:

enter image description here

POST请求:

enter image description here

即使它抱怨CORS问题,也会发送预期的响应:

enter image description here

1 个答案:

答案 0 :(得分:1)

您需要在响应上设置<div id="par"> <p>This is a paragraph with <b>an <input type="text" id="inp" value="<input>"> inside</b></p> <p>This is a paragraph with no input inside</p> </div> <button onclick="runReplace(0)">Replace first paragraph in 3 seconds</button> <button onclick="runReplace(1)">Replace second paragraph in 3 seconds</button>,而不是请求。

从请求中删除后,您可能不需要预先飞行,因此OPTIONS请求不会发生。