跨域请求错误

Posted 2023-02-27

【中文标题】跨域请求错误

【英文标题】：cross-origin request ERROR

【发布时间】：2019-01-09 16:51:34

【问题描述】：

当我使用 axios 发送 XMLHttpRequest 时，它发生了。

错误： XMLHttpRequest 无法加载 https://nuxt-auth-routes.glitch.me/api/login。对预检请求的响应未通过访问控制检查：请求的资源上不存在“Access-Control-Allow-Origin”标头。 Origin 'http://localhost:3000' 因此不允许访问。

【问题讨论】：

这是因为 CORS 问题 - 请参阅 CORS DOCUMENTATION

只有在远程服务器同意支持它们时才允许跨域请求，通过响应 JSONP 或 CORS 相关的标头（例如 Access-Control-Allow-Origin）。客户端代码不能强制请求自行成功。 Related

【参考方案1】：

尝试使用此 Chrome 扩展程序启用 CORS： https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en

解释为什么： https://medium.com/@electra_chong/what-is-cors-what-is-it-used-for-308cafa4df1a

【讨论】：

谢谢，但我想用所有浏览器解决它，不仅仅是chrome。

您必须在服务器上启用 CORS。如果使用 Apache - enable-cors.org/server_apache.html。如果使用 Nginix - enable-cors.org/server_nginx.html。希望对您有所帮助。