宝塔部署vue项目刷新404解决方案

vue路由是history模式把build出来的dist文件夹部署到生产环境，使用宝塔傻瓜式部署项目，问题就来了如果从首页打开，点击任何页面都能够正常访问，而当你处在某个页面（非首页）的时候，刷新就出现了404错误。解决方案：## 添加上这个配置location / {try_files $uri $uri/ @router;index index.html;}location @router {

花男

3478人浏览 · 2021-09-14 06:32:59

花男 · 2021-09-14 06:32:59 发布

vue路由是history模式

把build出来的dist文件夹部署到生产环境，使用宝塔傻瓜式部署项目，问题就来了

如果从首页打开，点击任何页面都能够正常访问，而当你处在某个页面（非首页）的时候，刷新就出现了404错误。

解决方案：

## 添加上这个配置

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^