HTTPS启用后CSS样式失效，服务器返回403错误怎么办？

IT人俊凤提问于 2026-02-14 12:55:28 阅读 42

前端

我最近给网站配置了HTTPS，但发现CSS样式加载失败了。浏览器控制台提示：

GET https://example.com/styles/main.css net::ERR_ABORTED 403

明明本地测试没问题，线上HTTPS就加载不了样式。我检查了CSS文件路径：

<link rel="stylesheet" href="/styles/main.css" rel="external nofollow" >

路径没错，服务器是Nginx，也设置了SSL证书。尝试过清除浏览器缓存、重启服务，但403错误依旧存在。这是服务器配置问题还是CSS本身出了问题？

我来解答赞 4 收藏

反馈

1 条解答

设计师海燕 Lv1

首先你要明白403错误的意思，这是服务器告诉你“我认识这个文件，但我不让你访问”。既然你确认路径没问题，那问题大概率出在服务器配置上。我们一步步来排查和解决。

第一步，检查Nginx的文件权限。403错误最常见的原因就是文件或目录的权限设置不对。你要确保CSS文件所在的目录和文件本身有正确的权限。可以执行以下命令：



# 检查文件权限

ls -l /path/to/your/styles/main.css



# 如果权限不足，给文件加上适当的权限

chmod 644 /path/to/your/styles/main.css



# 确保上级目录也有执行权限

chmod 755 /path/to/your/styles

这里解释一下，644表示文件所有者可读写，其他用户只能读；755表示目录所有者可读写执行，其他用户只能读和执行。如果权限不够，Nginx是无法读取文件的。

第二步，检查Nginx的配置文件。打开你的Nginx配置文件，通常是 /etc/nginx/nginx.conf 或 /etc/nginx/sites-available/your-site.conf，找到类似下面的配置块：



server {

    listen 443 ssl;

    server_name example.com;



    root /var/www/example;

    index index.html;



    location / {

        try_files $uri $uri/ =404;

    }



    location ~* .(css|js|jpg|png|gif|ico)$ {

        expires 30d;

        add_header Cache-Control "public, must-revalidate";

    }

}

注意 location 块的部分。如果你对静态资源比如CSS文件做了额外限制，可能会导致403。特别要注意有没有类似 deny all; 的规则误伤了静态资源。如果没有类似的配置，建议加上一个专门处理静态资源的 location 块，像上面代码那样。

第三步，确认SSL配置是否影响静态资源。虽然不太常见，但有些SSL相关的配置也可能导致静态资源无法加载。检查Nginx的SSL配置部分，确保没有错误地限制了某些类型的请求。例如：



server {

    listen 443 ssl;

    server_name example.com;



    ssl_certificate /path/to/your/cert.crt;

    ssl_certificate_key /path/to/your/private.key;



    # 确保这些SSL配置正常

    ssl_protocols TLSv1.2 TLSv1.3;

    ssl_ciphers HIGH:!aNULL:!MD5;

}

如果你之前改过SSL配置，可能需要回退一些改动看看是不是配置的问题。

第四步，测试并重启Nginx。修改完配置后，别忘了测试Nginx配置是否正确：



# 测试Nginx配置文件语法

nginx -t



# 如果测试通过，重启Nginx服务

systemctl restart nginx

最后一步，验证结果。刷新你的网站，看看CSS文件是否能正常加载。如果还是不行，可以用curl命令模拟请求，看看返回的具体信息：



curl -I https://example.com/styles/main.css

这会显示HTTP响应头，帮助你进一步定位问题。

总结一下，403错误通常是因为权限或配置问题。按照上面的步骤，先检查文件权限，再检查Nginx配置，最后测试和验证。一般来说，这样一套流程下来问题就能解决。如果还有问题，可能是更深层次的配置冲突，可以继续追问具体细节，我们一起分析。

2026-02-14 13:03