使用 ng-include 包含 html 文件时发生错误

Question

使用 .html 包含 html 文件时出现以下错误ng-include。

XMLHttpRequest cannot load file:///home/algo/Dnyaneshwar/Angular/TestProject/views/header1.html. 
Cross origin requests are only supported for protocol schemes: 
http, data, chrome, chrome-extension, https, chrome-extension-resource.

Answer 1

问题原因
发生此错误是因为您只是尝试直接从浏览器打开 html 文档。由于您使用的是 file:// 或 C:/，这就是错误说它们不是 http:// 或 https:// 的原因。
不要尝试直接通过文件夹运行它。

如何修复它
您需要通过网络服务器访问您的代码并在本地主机上访问它。如果您安装了 eclipse 或 apache，请使用它来访问您的文件。一些 IDE 像 intellij、eclipse 已经内置了 Web 服务器。

如果您有节点设置，那么只需运行npm install http-server -g即可在终端中使用它，如 http-server C:\path\to\app

也可以看看

• “只有 HTTP 支持跨源请求。” 加载本地文件时出错