CORS 请求未成功

Question

当我想创建一个使用 VueJs 作为前端 ( http://localhost:8080/#/login) 和 Laravel 5.6 作为后端的身份验证系统时遇到了问题。当我尝试使用 api login url 提交登录表单时http://127.0.0.1:8000/api/v1/login，我收到错误消息：

跨域请求被阻止：同源策略不允许在http://127.0.0.1:8000/api/v1/login读取远程资源。（原因：CORS 请求没有成功）。

我不知道如何解决这个问题。

这里有人能帮我解决我的问题吗？

注：我必须安装laravel-CORS前

Answer 1

这是一个老问题，但我还是会回答。

对我来说，这个错误是由自签名证书引起的。如果打开开发者工具，选择网络选项卡，点击调用失败的CORS就可以看到安全选项卡。单击它以将其打开。如果证书给您带来问题，文本“发生错误：SEC_ERROR_INADEQUATE_KEY_USAGE”应该是可见的。

要解决此问题，只需转到提供 CORS 错误的 URL，然后手动接受证书。

Answer 2

您必须使用 或localhost之一127.0.0.1来满足所有请求。一般来说，在代码中，您应该通过将 URI 附加到当前主机来调用服务器，而不需要在 URI 字符串中重新添加主机和端口。例如，如果您从给定主机加载页面，127.0.0.1然后尝试向另一个主机发出 AJAX 请求，则www.host.com该请求将被阻止以防止XSS 攻击