如何解决如何在没有Cors的情况下运行html local?
我在p5s Web编辑器中启动了一个p5项目。现在它越来越大了,我想在本地Linux上继续该项目,但是不知道如何在其中安装预览插件。在我使用Atom赢得胜利10之前,它对我有用。但是,由于没有cors,因此没有预览插件,我无法预览网页html。它是一个浏览器游戏,我在html文件夹中包含了精灵和声音数据。
我为Firefox尝试了一个“ allow cors”插件,但这没有任何区别。 我试图从终端启动本地主机,并在HTTP标头中放置一个允许源,但是我不知道那是怎么回事。 我可能会安装Atom,但我不知道在Linux上是否可以使用相同的插件。我实际上想了解专业的Web开发人员如何解决它?
PS:我找不到我能理解或解决的问题。我可以理解是否不可能为cors错误发布解决方案。一个简单易用的Linux编辑器的提示,或者指向教程的链接,或者解决的话题都很棒。 THX
解决方法
您真正需要的是一个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
应该会启动Web服务器并重新加载页面。
请注意,如果需要,也可以使用其他语言的这种开发服务器(例如python)。使用网络服务器,而不是直接从浏览器中的file:///path/to/index.html
加载页面,可以解决CORS问题。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。