在 AngularJS 中使用 templateURL 从外部资源加载

Question

我正在 AngularJS 中创建一个利用 templateUrl 键的自定义指令。我遇到的问题是我们将这些模板文件托管在外部 CDN 上，因此出现 Access-Control-Allow-Origin 错误。

XMLHttpRequest cannot load http://path_to_cdn/template_file.html. Origin http://xx.xx.xx.xx is not allowed by Access-Control-Allow-Origin.

我在某处读到我可以做这样的事情......

<script type="text/ng-template" src="http://path_to_cdn/template_file.html"></script>

...但这并不是很理想，无论如何我无法让它正常工作。

大家有什么建议吗？

Answer 1

问题出在服务器端。这是解决它的一种方法

假设您可以访问这两个服务器，您可以这样做：

首先是术语

域 1：加载发出 templateURL 请求的 javascript 的域

域 2：您尝试从中获取模板的域

您必须在域 2 的 response 标头中设置 Access-Control-Allow-Origin 选项。它的值应该是域 1 的 url。