随笔 - 19  文章 - 0  评论 - 4  阅读 - 46530

nginx反向代理部署springboot项目报404无法加载静态资源

问题:nginx反向代理部署springboot项目报404无法加载静态资源(css,js,jpg,png...)

为什么要用反向代理:springboot默认启动端口为8080,如果需要通过域名(不加端口号)直接访问springboot服务就需要nginx配置反向代理到8080端口

nginx配置vhost主机的过程就不在这讲了,重点解决反向代理静态资源无法访问

nginx反向代理配置

复制代码
server
    {
        listen 80;
        #listen [::]:80;
        server_name wms.shiyayun.cn;

        location /{
                 #配置访问的项目路径(注:反向代理配置)
                 proxy_pass http://127.0.0.1:8080;
                 
                 }
}
复制代码

静态资源无法加载导致页面样式无法显示

 

静态资源无法访问的原因是静态资源并没有做反向代理

vhost配置中添加如下配置

复制代码
location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
        {
            #解决反向代理无法访问图片
            proxy_pass http://127.0.0.1:8080;
            proxy_set_header   Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
    

            expires      30d;
        }

        location ~ .*\.(js|css)?$
        {
            #解决反向代理无法访问js,css
            proxy_pass http://127.0.0.1:8080;
            proxy_set_header   Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;

            expires      12h;
        }
复制代码

服务器重启nginx服务:

[root@VM_0_2_centos sbin]# cd /usr/local/nginx/sbin/
[root@VM_0_2_centos sbin]# ./nginx -s reload

静态资源加载成功页面样式显示正常

 

posted on   尹镇镇  阅读(3262)  评论(1编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示