ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

Vue项目Nginx代理F5刷新出现404问题解决

2026/9/10 1:07:56 拓冰建站 浏览量
Vue项目Nginx代理F5刷新出现404问题解决

一.背景

项目用户反馈,F5刷新后,浏览器出现404。最近公司加强网络管理,我记得之前可以刷新,有点怀疑是跟加强网络管理有关。具体原因没有时间去深度跟踪,先百度找到了解决方法,记录一下。

二.解决办法

主要是修改了nginx的配置

location / {root  dist;index  index.html index.htm;try_files $uri $uri/ @router;index index.html;
}
location @router {rewrite ^.*$ /index.html last;
}