AngularJS 和 URL 重写为 HTTPS

Question

所以我的应用程序中有 ui-router，一切正常。我被要求让网站的帐户区域强制使用 HTTPS，所以我设置了这个规则:

我在主“ View ”上有一个链接，可以将您带到登录页面，该链接看起来像这样:

<a class="link-primary" ui-sref="login" ng-switch-default>Sign in</a>

状态规则设置如下所示:

.state('login', {
    url: '/account/signin',
    params: {
        returnState: null,
        returnParams: null
    },
    templateUrl: '/assets/tpl/account/signin.tpl.html',
    controller: 'LoginController',
    controllerAs: 'controller',
    resolve: {
        pageTitle: ['PageHead', function (service) {
            service.setTitle('Kudos Sports - Login');
        }]
    }
})

当我点击链接时，我收到一条错误消息:

XMLHttpRequest cannot load https://kudos-topspindigital.azurewebsites.net/assets/tpl/account/signin.tpl.html. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://kudos-topspindigital.azurewebsites.net' is therefore not allowed access.

我可以输入 url ( https://kudos-topspindigital.azurewebsites.net/account/signin)，这没有任何问题。我什至可以通过省略 https 协议(protocol)来做到这一点，它会毫无问题地重定向，所以我只能假设 angularJS 有问题。

有人可以帮我解决我的问题吗？

Answer 1

尝试通过以下方式在您的服务器响应中添加 HTTP header :

"Access-Control-Allow-Origin", "*"

这一次，使用服务器端脚本返回 HTML 而不是纯 html，例如在 PHP 中

<?php
 header("Access-Control-Allow-Origin: *");