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

How to run html local without Cors?

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

我尝试了 firefox 的“allow cors”插件,但这没有任何区别。 我试图从终端启动一个本地主机,并在 http header 中放置一个允许来源,但我不知道这是怎么回事。 我可以安装 Atom,但我不知道相同的插件是否在 linux 上工作。我真的很想了解专业的 Web 开发人员是如何解决这个问题的?

PS:我找不到任何我能理解或解决我的问题的东西。我可以理解是否无法 post 解决 cors 错误。一个简单易用的 Linux 编辑器的提示,或 link 教程或​​已解决线程的提示都很棒。谢谢

您真正需要的是一个 Web 服务器(从您的终端启动,并可能使用来自您的编辑器的命令来调用外部命令)来为您的文件提供服务。这具有与您的编辑器分离的优势,这样您就可以在不中断开发工作流程的情况下更改您的工具或环境。

一种方法是添加 light-server to your project (There are a lot of alternatives to this tool tho, one of them being serve)。要将它添加到您的项目中,您可以使用以下命令:

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 \"**/*\""
},

因此,您项目目录中的 运行ning npm run dev 应该会在您每次修改项目中的文件时启动网络服务器并重新加载页面。

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