如何在没有 Cors 的情况下运行 html local？ [复制]

Question

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

我为 Firefox 尝试了一个“允许 cors”插件，但这并没有任何区别。 我试图从终端启动一个本地主机，并在 http 标头中放置一个允许来源，但我不知道这是怎么回事。 我可以安装 Atom，但我不知道相同的插件是否可以在 linux 上运行。而且我真的想了解专业的网络开发人员是如何解决这个问题的？

PS：我找不到任何我理解或解决我问题的东西。我可以理解是否无法针对 cors 错误发布解决方案。一个漂亮而简单的 Linux 编辑器的提示，或指向教程的链接，或已解决的线程会很棒。谢了

Answer 1

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

一种方法是将light-server 添加到您的项目中（这个工具有很多替代品，其中之一是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 \"**/*\""
},

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

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