Vue-cli3多页面配置详解

Vue-cli3发布已经好长时间了，笔者也在一直使用，由于公司业务需要要使用多页面配置，于是花时间研究了一下Vue-cli3如何配置多页面。由于Vue-cli3相比之前的版本做了很大的改动，在研究过程中也遇到一些问题。对于Vue-cli3创建项目这里就不做太多的赘述了，毕竟不属于本文内容，有关相关博客也有很多，大家可以自行Google一下就好了。正如我们平时所用的Vue一样，但是Vue同样借助了Vue-Router完成了对页面(组件)的切换来实现页面之间的跳转。当前路由仍然是使用Vue-Router进行跳转。首先使用Vue-cli3脚手架创建一个Vue项目，创建完项目之后在根目录中创建vue.config.js，用来增加Vue的webpack配置项。创建好vue.config.js之后，删除App.vue和main.ts文件，并在views文件夹下创建两个新的文件夹index和about，可以使用其他名称。