新鲜vue-cli项目上出现奇怪的CORS错误



我刚刚开始构建我的第二个Vue项目,第一次我想使用Vue CLI和NPM,而不仅仅是通过CDN加载Vue。安装CLI和设置项目没有问题,但当我在浏览器(最新的Firefox(中运行"npm-run-serve"并导航到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"后没有更改任何内容

编辑:我在Ubuntu 19.10桌面

首先,您正在使用什么类型的操作系统?如果您在基于unix的系统上工作,服务(如nginx(可能会产生此错误。如果是,试着停止它。

之后,我会尝试从vue ui运行您的应用程序。

输入您的终端:

vue ui

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

注意:您必须将项目(根文件夹(添加(导入,而不是创建(到UI中。

如果您在浏览器控制台中遇到同样的错误,请设置一个流浪箱。这里解释了第一步:

https://www.vagrantup.com/intro/getting-started/

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

最简单的方法是运行

vagrant init

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

运行init命令后,尝试运行

npm run serve

或者使用vue UI(如上所述(,如果你喜欢的话。

如果问题仍然存在,更多关于您的操作系统的信息将有所帮助。

最新更新