javascript - 如何使用 AngularJS 从远程 URL 获取模板

Question

我正在使用 NW 和 AngularJS 制作一个桌面应用程序，我想要的是从服务器(html、css、js)获取文件。

然后我想做类似下面的代码:

aux.config(function ($routeProvider) {
    $routeProvider
        .when('/testInformation/', {
        templateUrl: 'https://serverName/test.html',
        controller: 'shipmentInformationController'
    }).otherwise({
        redirectTo: '/'
    });
});

问题是，当我运行应用程序时，它没有获取模板的 html，然后我不确定这个想法在 AngularJs 上是否有效，或者我是否需要更改逻辑以获取 html 的内容.

我遇到了错误

Error: $sce:insecurl Processing of a Resource from Untrusted Source Blocked

感谢您的帮助。

Answer 1

由于 Cross-Origin Resource Sharing，您无法直接从远程服务器加载内容规则。

一个相对简单的解决方法是使用 Nginx 之类的东西来代理内容，使其看起来像是来自您自己的服务器。

如果您可以控制远程服务器，您可以简单地添加一个 Access-Control-Allow-Origin header 。