多页面应用之vue.config.js的配置项pages

1,257 阅读1分钟

1、最近接触到一个项目,发现是采用多页面应用实现的,由于之前接触的项目一般都是单页面,所以记录一下,参考vue-cli相关配置,如下图所示。

image.png

2、设置对应的页面信息后,可在vue.config.js中进行引入配置,包含entry,template,filename,title四项

image.png

image.png

3、在页面中应用,点击后跳转到对应页面

image.png

image.png image.png

在对应页面中可实现相应的路由跳转

image.png