vue cli3 多页面应用搭建，打包后每个页面都一个文件夹

项目结构如下：注意：每个页面的.html 那个文件必须不能同名，不然本地开发环境无法拆分页面，本地如果想访问其他页面的话，地址如下：http://localhost:8080/order.html。最好src/pages/的文件夹名和.vue名和.html名和.js的名字都一样，这样打包时容易拆分git地址：https://github.com/seizeDev/vue-more...

lizhen_software

20399人浏览 · 2018-11-29 17:05:43

lizhen_software · 2018-11-29 17:05:43 发布

项目结构如下：

注意：每个页面的.html 那个文件必须不能同名，不然本地开发环境无法拆分页面，本地如果想访问其他页面的话，地址如下：http://localhost:8080/order.html。

最好src/pages/的文件夹名和.vue名和.html名和.js的名字都一样，这样打包时容易拆分

git地址：https://github.com/seizeDev/vue-more-pages

打包后路径错误的已经修复，可以下载最新代码

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