关于vue单页面应用访问路径添加项目名的设置步骤

我想要的访问路径效果如图：1.在index.html的头部中设置红框圈中的代码：2.在router.js中设置路由模式如下（设置history是为了去掉默认的#锚点）：3.在vue.config.js中设置公共根路径如下:4.在开发和生产环境中设置默认基路径，防止首次进入页面未点击路由导航时不显示页面：如有更好的方法，请留言指教。谢主隆恩啦！...

张刻骨

6313人浏览 · 2019-08-19 16:46:37

张刻骨 · 2019-08-19 16:46:37 发布

我想要的访问路径效果如图：

1.在index.html的头部中设置红框圈中的代码：

2.在router.js中设置路由模式如下（设置history是为了去掉默认的#锚点）：

3.在vue.config.js中设置公共根路径如下:

4.在开发和生产环境中设置默认基路径，防止首次进入页面未点击路由导航时不显示页面：

如有更好的方法，请留言指教。谢主隆恩啦！

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