React Post请求跨域问题

发布于 2022-09-12 04:29:11 字数 1291 浏览 20 评论 0

  1. 前后端分离,前端ReactJS,后端PHP(Laravel), 本地调试的时候想调用远端接口。
  2. 前端配置:在pakcage.json中配置代理如下:
"proxy": "https://www.shufadict.com/api",
  1. 后端配置:Laravel添加中间件,配置允许跨域,如下:
header('Access-Control-Allow-Origin: *');
        header("Access-Control-Allow-Credentials: false");
        header("Access-Control-Allow-Methods: PUT, POST, GET, DELETE, OPTIONS");
        header("Access-Control-Allow-Headers: Content-Type, Access-Token, nonce, timestamp, packagename, sign, uuid");
        header("Access-Control-Expose-Headers: *");

结果,所有get请求都ok,但是post请求都返回如下错误:

Access to XMLHttpRequest at 'https://www.shufadict.com/' (redirected from 'http://localhost:3000/common/feedback') from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status.

求指点,困扰好几天了。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

咆哮 2022-09-19 04:29:11

header带上这个 withCredentials: true 试一下

如果你请求用的axios:

axios.defaults.withCredentials = true
世俗缘 2022-09-19 04:29:11

自己回答一下,其实出现下面这个提示表示已经没有跨域问题了,只是后端没有返回http ok状态而已:
Response to preflight request doesn't pass access control check: It does not have HTTP ok status.

我的post参数传的有问题,在后端拦截器中就报错了,没有返回http ok的状态。故而出现了这个错误。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文