强制特定页面使用 HTTPS 和 angularjs

Question

在我们的应用程序中，我们有一个支付页面，我们希望在该页面上使用 SSL，因为我们正在处理信用卡信息。我们已经为 apache 制定了重写规则，以将到特定页面的请求重定向到 HTTPS——它负责处理对支付页面 (http://oursite.com/pay) 的任何直接请求。

然而，我们网站中的大多数导航都是通过相对 url 和 states 在 angularjs 中使用 ui-router 完成的，我们发现 apache 无法捕获这些请求，因此在没有 SSL 的情况下为页面提供服务。

EX 如果用户单击带有ui-sref='pay' ui-router 的链接，则会加载模板并刷新状态——在任何时候都不会向服务器请求新的uri，因此apache 无法重定向到https

有没有办法强制 ui-router（或一般的 angular）强制状态使用 HTTPS，而无需更改所有链接以重新加载整个站点？

当然，这也可能是我们重写规则中的一个缺点......这是我们目前所拥有的

RewriteEngine on
RewriteCond %{HTTPS} !=on
RewriteCond %{REQUEST_URI} /pay
RewriteCond %{REQUEST_FILENAME} !-f 
RewriteRule ^ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]
RewriteRule ^ index.html [L]

第二组规则是为我们的应用强制执行 html5mode。

RewriteCond %{REQUEST_FILENAME} !-f 已经到位，因此 Angular 可以在不需要 SSL 的情况下获取该州的支付模板。这样可以吗？

Answer 1

我遇到了类似的问题，虽然是在 SPA 应用程序中使用 $routeProvider。我所做的是在控制器内部强制执行重定向：

var forceSSL = function () {
    if ($location.protocol() !== 'https') {
        $window.location.href = $location.absUrl().replace('http', 'https');
    }
};
forceSSL();

这虽然会重新加载所有资源。但是，这种情况只会在切换到 SSL 模式时发生一次。

注意，该函数实际上是在一个服务中，所以可以从任何地方调用。

我希望这会有所帮助。