Vue项目部署后，刷新提示404

一、遇到的问题Vue项目打包部署到线上后，刷新页面会提示404。这是因为网页访问的是静态绝对路径，而服务器上没有该路径。二、解决方法方法一：修改src/router/index.js文件中的mode属性，设置为hash。（这种调整，会使url出现"#"）方法二：调整nginx.conf配置文件...

成为更好的自己_joy

5867人浏览 · 2022-01-06 18:45:00

成为更好的自己_joy · 2022-01-06 18:45:00 发布

一、遇到的问题

Vue项目打包部署到线上后，刷新页面会提示404。这是因为网页访问的是静态绝对路径，而服务器上没有该路径。
在这里插入图片描述

二、解决方法

方法一：
修改src/router/index.js文件中的mode属性，设置为hash。（这种调整，会使url出现"#"）
方法二：
调整nginx.conf配置文件

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}$/, //不连续的两位字母// /^