【Nginx】 nginx 项目上线后刷新页面丢失 404

fruge365

发布于 2025-12-15 10:00:03

2580

nginx vue2项目上线后刷新页面丢失 history 模式下，会出现一个致命的BUG，在服务器上面上线之后，点击页面跳转没有问题，但是一旦点击刷新页面会出现404错误,原因是history模式下刷新界面，就等同于向服务器直接请求解决：在ngnix中的server总加入一句话

location / {
    try_files $uri $uri/ /index.html;
}

server
{
    listen 端口号;
    server_name IP地址;
    index index.html;
    root路径;
    #服务器代理
    # location ^~/api/ {
    #     proxy_pass 代理地址;
    # }
    location / {
        try_files $uri $uri/ /index.html;
    }
}

下班~

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2024-09-25，如有侵权请联系 cloudcommunity@tencent.com 删除

代理