vue—在每个访问路径中添加项目名

前言：在开发一个微信公众号的项目，联调过程中后台为了要区别是前端还是后台，希望前端在访问路径中加上项目名，比如wx-intergration-front之前是：localhost:8080/#/login添加后：http://localhost:8080/wx-intergration-front/#/login1.index.html<meta base="wx-intergration-

珞珈山小鲁班

4246人浏览 · 2020-09-08 19:59:41

珞珈山小鲁班 · 2020-09-08 19:59:41 发布

前言：在开发一个微信公众号的项目，联调过程中后台为了要区别是前端还是后台，希望前端在访问路径中加上项目名，比如wx-intergration-front
之前是：localhost:8080/#/login
添加后：localhost:8080/wx-intergration-front/#/login

1.index.html
<meta base="wx-intergration-front"></meta>

2.index.js(我的是index.js，也有的是vue.config.js)修改发布路径，只修改build里的就可以了（每个项目的配置可能不太一样，我是都修改了，但是大佬说只需要修改build的就可以）
在这里插入图片描述
之后记得重启！！！
需要添加的参数不会自动添加到访问路径中，需要手动添加上去，加在#前面就可以了

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