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

问题描述

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