如何修复 microsoft edge 或 google chrome 中的“不允许加载本地资源”错误？答案

【问题标题】：How can I fix "Not allowed to load local resource" error in microsoft edge or google chrome?如何修复 microsoft edge 或 google chrome 中的“不允许加载本地资源”错误？
【发布时间】：2021-05-01 12:25:57
【问题描述】：

我正在尝试将外部 javascript 文件链接到我的 HTML 文件。但是一旦我运行它，我的控制台就会显示此错误“不允许加载本地资源”。我了解了它的原因，但谁能帮我解决这个问题？

我的声明：

" ”

我尝试在 Chrome 中使用静态 Web 服务器扩展，但它不起作用。

【问题讨论】：

请显示您尝试运行的代码的基本部分
我尝试在我的 HTML 样板中将其链接到标题标记之后。但是在原子实时服务器和浏览器中，控制台反映了上述错误。我读到了这个错误并知道它与浏览器中的网络安全有关。但我不知道如何修复它并在控制台中测试我的 index.js 文件。

标签： javascript html google-chrome console microsoft-edge

【解决方案1】：

在调试代码时，通过“双击”HTML 文件从磁盘打开它并不是一个好主意。尝试改用本地服务器。有很多很棒的。我不知道您使用的是什么 IDE，但 VSCode 有 Live Server，例如效果很好，或者您可以使用 XAMPP 作为独立解决方案。

【讨论】：

我正在使用 atom-live-server，它适用于我的 HTML 和 CSS 文件，但是当我尝试将外部 JS 文件添加到我的代码中时，我遇到了这个问题。
有趣。并且您确保对加载的所有内容都使用相对路径？
是的，我用完整路径和相对路径都试过了
我试图找到它的解决方案，但我得到的唯一答案是“由于安全问题，现代浏览器不允许从本地资源加载文件”。但是如果不允许我这样做，我不知道如何练习或实现我的 js 代码。所以，如果有人使用其他东西作为替代品，或者如果有人可以解决我的问题，请告诉我。由于这个错误，我对我的课程感到震惊。
我尝试在 VS 代码中使用相对路径，它成功了...感谢理查德的帮助...还有一件事是我想从我当前的项目文件夹返回我的路径成为我路径的语法。例如，我有一个包含 3 个文件夹（HTML、CSS、js）的文件夹，而 HTML 文件夹是我当前的项目文件夹，那么如何在我的 js 文件夹或 css 文件夹中添加文件的相对路径？