Nginx部署vue项目 页面刷新404

avatar 2024年03月31日15:43:46 0 89 views
博主分享免费Java教学视频,B站账号:Java刘哥

刚刚帮朋友部署了一个SpringBoot+VueJs项目到服务器上

将前端打包dist后放到 nginx 目录后刷新404

解决办法,很简单

nginx配置文件加一行代码

try_files $uri $uri/ /index.html;

记录一下

 

完整配置参考

server {
    listen       80;
    server_name  xxxx.com;
    root /www/wwwroot/xxxx/dist;
    try_files $uri $uri/ /index.html;
    
     # 配置代理
    location /api/{
        rewrite ^/(.*) /$1 break;  
        proxy_pass http://127.0.0.1:8080;
       # Host配置以及域名传递
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header REMOTE-HOST $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}

 

  • 微信
  • 交流学习,有偿服务
  • weinxin
  • 博客/Java交流群
  • 资源分享,问题解决,技术交流。群号:590480292
  • weinxin
avatar

发表评论

avatar 登录者:匿名
匿名评论,评论回复后会有邮件通知

  

已通过评论:0   待审核评论数:0