React js Cors policy 与 axios api 的问题在 localhost 如何解决?

Posted

技术标签:

【中文标题】React js Cors policy 与 axios api 的问题在 localhost 如何解决?【英文标题】:React js Cors policy Issue with axios api In localhost How to resove it? 【发布时间】:2020-11-15 22:08:10 【问题描述】:

嗨,我在我的反应应用程序 axios 模块中使用,我使用 api POST 方法 像这样

axios.request(
      method: "POST",
      url,
      responseType: "jsonp",
      data: payload,
      ...config
    );

但我得到错误

从源“http://localhost:3000”访问“http://0.0.0.0/api/ak”处的 XMLHttpRequest 已被 CORS 策略阻止:对预检请求的响应未通过访问控制检查:请求的资源上不存在“Access-Control-Allow-Origin”标头。 xhr.js:160 POST http://0.0.0.0/api/ak net::ERR_FAILED

请告诉我们我哪里错了。

谢谢你。

【问题讨论】:

这是一个著名的问题,检查这个答案***.com/a/50949631/8945943会帮助你 【参考方案1】:

在您的 Express 服务器中设置包 CORS

https://www.npmjs.com/package/cors

【讨论】:

以上是关于React js Cors policy 与 axios api 的问题在 localhost 如何解决?的主要内容,如果未能解决你的问题,请参考以下文章

第134篇:解决浏览器的CORS跨域问题(CORS policy: Cross origin requests are only supported for protocol schemes: htt

react js客户端的CORS策略问题

React js 中的 CORS 问题

React.js 应用程序向 Django 后端发送请求时出现 CORS 问题

使用 Node.js 后端在我的 React 应用程序中启用 CORS

React/Redux 前端和 Node.js 后端之间的 CORS 问题 [重复]