博主在使用 Vue 的 history 模式时遇到路由刷新导致 404 错误。解决方案是为服务器配置伪静态规则:在 nginx 配置文件中添加特定规则,或在 Apache 的 .htaccess 文件中设置重写规则。此外,在 Vercel 部署时,可以通过创建 vercel.json 文件将所有路由请求重定向到 index.html,以便由 Vue 路由处理。
vue-router 的 history 模式在非根目录部署时,需将路由设为 history 模式并配置 base(如 /dist);webpack 的 publicPath 设为 /dist/;打包后部署到 nginx,用 location /dist/ 配合 try_files $uri $uri/ /dist/index.html 解决刷新 404,核心是前后端协作处理路径匹配。
完成下面两步后,将自动完成登录并继续当前操作。