Nginx部署vue项目页面刷新404

言曌 2024年03月31日15:43:46 0 610 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;
    }
}