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

dadeity

于 2019-10-29 11:27:22 发布

阅读量1.8w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Nginx 文章标签： HTTPS 无法加载静态资源

本文链接：https://blog.youkuaiyun.com/github_38336924/article/details/102796430

Nginx 专栏收录该内容

10 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述

今天配置了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;
}