如何在没有Cors的情况下运行html本地



我在p5s web编辑器中启动了一个p5项目。现在它越来越大了,我想在我的本地Linux上继续这个项目,但不知道如何在那里安装预览插件。在我在win 10上使用Atom之前,它对我很有效。但如果没有预览插件,我就不能预览网页html,因为cors。这是一个浏览器游戏,我在html文件夹中有精灵和声音数据。

我尝试了一个";允许cors";firefox的插件,但这没有任何区别。我试着从终端启动一个localhost,并在http头中放入一个allow-origin,但我不知道怎么回事。我可能会安装Atom,但我不知道同样的插件是否在linux上运行。我真的想了解专业的网络开发人员是如何绕过它的?

附言:我找不到任何我能理解或能解决我问题的东西。如果不能发布cors错误的解决方案,我可以理解。提示一个漂亮而简单的Linux编辑器,或链接到教程,或解决线程将是伟大的。THX

您实际需要的是一个web服务器(从您的终端启动,并可能使用来自编辑器的命令,该命令将调用外部命令(,它将为您的文件提供服务。这具有与编辑器解耦的优点,这样您就可以在不破坏开发工作流的情况下更改工具或环境。

一种方法是将轻量级服务器添加到您的项目中(有很多替代此工具的方法,其中一种是服务(。要将其添加到您的项目中,您可以使用以下命令:

npm install --save light-server

然后,您可以运行以下命令,在默认情况下为localhost:4000上的目录提供服务:

npx light-server -s .

为了避免使用npx,您也可以使用以下内容全局安装服务器(需要为npm正确配置您的权限,否则会出现错误(:

npm install --global light-server

然后您可以直接使用命令light-server -s .

您还可以将以下内容添加到package.json文件中,以使脚本更易于使用:

"scripts": {
"dev": "npx light-server -s . -w "**/*""
},

这样,每次修改项目中的文件时,在项目目录中运行npm run dev应该会启动Web服务器并重新加载页面。

请注意,如果需要,这种开发服务器也可以用其他语言提供(例如python(。使用Web服务器而不是直接从浏览器中的file:///path/to/index.html加载页面应该可以解决CORS问题。

最新更新