已安装Cloudflare SSL证书，Chrome仍提示站点不安全的技术咨询

我之前处理过类似的场景，结合你的环境（AngularJS应用 + Apache部署 + Cloudflare SSL），这种“跳转后显示不安全、新标签打开却正常”的情况，多半是混合内容残留、缓存干扰或者跳转/会话配置疏漏导致的，下面给你一步步排查和解决的方案：

1. 优先检查「混合内容」问题（最常见） #

跳转后的登录页面大概率还在加载HTTP协议的资源（比如图片、JS脚本、CSS样式），Chrome会因为这个标记站点不安全，但新标签直接打开时可能浏览器自动修复了部分请求，或者缓存里的资源已经是HTTPS的。

• 打开Chrome开发者工具（按F12），切换到「Console」标签页，刷新跳转后的页面，看有没有Mixed Content: The page at 'https://xxx' was loaded over HTTPS, but requested an insecure xxx 'http://xxx'的报错。
• 解决办法：
  • 把AngularJS模板、代码里所有的资源引用改成相对路径（比如/assets/css/style.css），不要用http://xxx这种绝对HTTP路径；
  • 在Apache的.htaccess里添加强制升级HTTP请求的Header，自动把页面里的HTTP资源请求转为HTTPS：

    Header always set Content-Security-Policy "upgrade-insecure-requests;"
    

2. 排查Cloudflare配置与缓存 #

Cloudflare的SSL模式和缓存可能会导致这类奇怪的不一致：

• 确认Cloudflare的SSL模式设置为「Full Strict」（在Cloudflare控制台→SSL/TLS→Overview里），如果是「Flexible」模式，Cloudflare和你的Apache之间是HTTP通信，可能引发证书信任问题；
• 清空Cloudflare的全站缓存（控制台→缓存→配置→清空全部缓存），同时清空Chrome的本地缓存（按Ctrl+Shift+Del，勾选「缓存的图片和文件」后删除）——旧的HTTP缓存可能在跳转时被浏览器读取，导致安全标记异常。

3. 检查Apache的跳转规则与Cookie配置 #

• 确保Apache的HTTPS重写规则是正确的，.htaccess里的规则应该是：

  RewriteEngine On
  RewriteCond %{HTTPS} off
  RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
  

  用R=301永久重定向，避免浏览器缓存旧的HTTP跳转记录；
• 检查Cookie的Secure属性：如果登录时设置的Cookie没有开启Secure，Chrome会认为会话不安全。在Apache配置或.htaccess里添加：

  Header edit Set-Cookie ^(.*)$ $1;Secure;HttpOnly;SameSite=Strict
  

  强制所有Cookie仅通过HTTPS传输。

4. 验证AngularJS的路由与跳转逻辑 #

• 如果你的AngularJS用了HTML5模式路由，确保$locationProvider的配置正确，强制使用HTTPS协议：

  angular.module('yourAppName').config(['$locationProvider', function($locationProvider) {
    $locationProvider.html5Mode(true);
    $locationProvider.protocol('https');
  }]);
  

• 检查登录后的跳转代码，确认是用window.location.href = 'https://demo.aonesalons.com'这种HTTPS链接，而不是不小心用了HTTP的地址或者相对路径导致的协议异常。

按这个顺序排查下来，基本能解决这个问题。

内容的提问来源于stack exchange，提问作者systemdebt