解决HTTPS Nginx反向代理出现CSS/JS/图片等静态资源无法加载或加载错误问题

最新推荐文章于 2025-10-09 10:53:55 发布

原创最新推荐文章于 2025-10-09 10:53:55 发布 · 1.9w 阅读

22 ·

CC 4.0 BY-SA版权

文章标签：

#HTTPS 无法加载静态资源

Nginx 专栏收录该内容

10 篇文章

订阅专栏

本文解决HTTPS和Nginx反向代理环境下，部分JS资源加载失败的问题。通过在Nginx配置文件中添加特定代码，如设置X-Real-IP、X-Forwarded-For等头信息，实现资源正确加载。

问题描述

今天配置了HTTPS 和 Nginx 反代理出现部分 JS 无法加载问题

解决办法

在配置反代理xxx.conf 文件中 location / { }添加如下代码

location / {

    proxy_pass http://127.0.0.1:8080;

     
    # 需要添加的代码
    proxy_set_header X-Real-IP $remote_addr;

    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

    proxy_set_header Host $host;

    proxy_set_header Upgrade-Insecure-Requests 1;

    proxy_set_header X-Forwarded-Proto https;
}