如何将HTTP静态资源（CSS/JS/图片）重定向至HTTPS？

没问题，要实现静态资源（CSS、JS、图片等）和页面一样从HTTP重定向到HTTPS，核心就是让重定向规则全局覆盖所有请求，而不是只针对页面路径。下面分两种最常见的服务器环境给你具体方案，和苹果官网的实现逻辑一致：

Apache 服务器（.htaccess 配置） #

如果你的网站基于Apache运行，直接在根目录的.htaccess文件中添加以下规则即可：

# 开启URL重写引擎
RewriteEngine On

# 匹配非HTTPS的请求（排除本地开发环境）
RewriteCond %{HTTPS} !=on
RewriteCond %{SERVER_NAME} !=localhost

# 将所有HTTP请求永久重定向到对应的HTTPS地址，保留完整路径和参数
RewriteRule ^(.*)$ https://%{SERVER_NAME}/$1 [R=301,L]

这个规则会匹配所有HTTP请求——不管是页面（比如/about-us/）还是静态资源（比如/assets/css/style.css），都会自动跳转到对应的HTTPS地址，和你现有页面的重定向规则完全一致。

Nginx 服务器配置 #

如果用Nginx，找到监听80端口的server块，添加全局重定向逻辑：

server {
    listen 80;
    server_name www.example.net;

    # 永久重定向所有HTTP请求到HTTPS，保留原请求的完整路径和参数
    return 301 https://$server_name$request_uri;
}

$request_uri会完整保留原请求的路径、文件名和查询参数，所以静态资源的跳转可以做到精准匹配，比如http://www.example.net/assets/images/logo.png会直接跳转到https://www.example.net/assets/images/logo.png。

额外注意事项 #

• 检查代码中的硬编码链接：如果你的页面代码里存在硬写HTTP协议的资源链接（比如<img src="http://www.example.net/xxx.png">），虽然服务器重定向能生效，但浏览器会多一次HTTP请求再跳转，影响性能。建议改成相对路径（/assets/images/logo.png）、协议无关URL（//www.example.net/assets/images/logo.png）或者直接写HTTPS链接。
• 301永久重定向：这里用的是301状态码，属于永久重定向，搜索引擎会更新索引中的资源地址，和页面重定向保持一致是最优选择。

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