【Nginx】配置反向代理，解决静态资源无法访问问题

原创已于 2024-05-28 20:41:56 修改 · 6.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#nginx #服务器 #前端

于 2023-06-20 08:56:51 首次发布

该文章介绍了如何通过设置nginx服务器的反向代理功能，将请求转发至本地8888端口，从而解决静态文件如JavaScript和CSS无法被访问的问题。通过location块和proxy_pass指令，确保了主机头和真实IP等信息的正确传递。

配置反向代理，解决静态资源无法访问问题

server {
        listen       80;
        server_name  www.xxxx.com;
        
        charset      utf-8;

        #access_log  logs/host.access.log  main;
        
        location / {
            proxy_pass http://localhost:8888;
        }

        # 解决js css 访问不到的问题
        location ~ .* {
           proxy_pass http://localhost:8888;
           proxy_set_header Host $http_host;
           proxy_set_header X-Real-IP $remote_addr;
           proxy_set_header X-Forw $proxy_add_x_forwarded_for;
        }
    }