AngularJS模板无法通过HTTPS加载

时间:2017-09-27 16:44:08

标签: javascript angularjs angularjs-directive https

我从Cloudflare获得了SSL,他们直接将其分配给我的域,并自动将所有 http 重定向到 https


 


话虽如此,我正在努力让我的角度模板加载到https上。





错误信息是:







混合内容:“ https://mydomain.io/components/index/# / 是通过HTTPS加载的,但是请求了一个不安全的XMLHttpRequest端点' http:// mydomain。 IO /组件/索引/报头”。此请求已被阻止;内容必须通过HTTPS提供。







这似乎有点直截了当但我一直在努力解决这个问题而我不能...





这是我从我的directive.js文件加载模板的方式:




 < code> app.directive('navHeader',function(){&#xA; return {&#xA; templateUrl:function(){&#xA; var useHTTPS = window.location.href.indexOf('https')&gt ; -1;&#xA; if(useHTTPS){&#xA; return'https://mydomain.io/components/index/header.html';
} else {&#xA; return'header .html';&#xA;}&#xA;}&#xA;};&#xA;}),&#xA;  
&#xA;&#xA;

但它显然不起作用......

&#xA;&#xA;

任何想法?可能是云火的错吗?

&#XA;

1 个答案:

答案 0 :(得分:2)

这可能是@Cloudflare的原因,

因为您正在尝试访问 https 而不是http 的数据,但问题是该服务器是否正在响应该协议,因此您需要检查服务器端的重定向,

如果任何请求来自http或https,则它将始终重定向到https服务器。