Javascript fresh vue cli项目上出现奇怪的CORS错误

我刚刚开始构建我的第二个Vue项目，这是我第一次想使用Vue CLI和NPM，而不仅仅是通过CDN加载Vue。 安装CLI和设置项目没有问题，但当我运行“npm run serve”并在浏览器（最新的Firefox）中导航到localhost:8080以查看它是否工作时，我在浏览器控制台中多次收到以下错误消息：

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://10.126.86.51:8080/sockjs-node/info?t=1584021154635. (Reason: CORS request did not succeed).

在加载页面后，我还会收到一次此错误消息：

[WDS] Disconnected!

有人知道这些错误是什么意思吗？我为什么会犯这些错误？我如何才能摆脱它们？ 第一个问题似乎与应用程序使用主机的实际IP而不是本地主机进行的某种跨源调用有关，但我想不出任何原因，因为我实际上只是安装并服务了示例项目，并且在运行“vue create”后没有做任何更改

---

编辑：我在Ubuntu19.10桌面上

首先，你在使用什么样的操作系统？如果您在基于unix的系统上工作，则服务（如nginx）可能会产生此错误。如果是这样，试着停止它

之后，我将尝试从VUEUI运行您的应用程序

输入您的终端：

vue ui

这将启动vue cli的基于web的图形用户界面。您可以通过启动服务并运行build命令来处理应用程序开发

注意：您必须将项目（根文件夹）添加（导入，而不是创建）到UI

如果在浏览器控制台中出现相同错误，请设置一个“漫游”框。这里解释了第一步：

按照项目设置说明进行操作

最简单的方法就是跑步

vagrant init

在项目文件夹中。因此，您不必设置新项目

运行init命令后，请尝试运行

npm run serve

如果您愿意，也可以使用vue UI（如上所述）

---

如果问题仍然存在，更多关于操作系统的信息会有所帮助

请提供一个我认为与Vue无关的示例。不允许从您调用它的位置/主机（浏览器）调用您正在调用的API或URL/IP地址，这就是命令失败的原因。您也尝试过其他API URL吗？值得一提的是，

sock js

请求对于CLI项目来说是正常的（或者至少对我来说是正常的）。我从未深入研究过它的用途，但我一直认为它与热重新加载有关。即使我尝试使用localhost，我也会看到一个IP地址。对我来说，请求成功没有问题，所以我没有收到错误消息。看起来您的请求使用的是

https

，而我的请求使用的是

http

，所以我想知道是不是证书问题导致了请求失败。。这似乎是一个很常见的问题。谢谢！使用VUEUI本身并不能解决问题，但当我在“参数”中显式地将主机设置为“localhost”时，错误就消失了。请求仍然会发生，但不会失败。这就解决了问题。我猜出于某种原因，默认情况下，dev服务器在一个地方使用localhost，在另一个地方使用实际的IP。