【vue】将vue配置为多页面应用，多页面应用设置默认跳转页面

项目经理要求让页面能跳转到默认地址

http://localhost:8080 ==> http://localhost:8080/home.html

一般使用单页面应用写的项目只需要把route的redirect值设置为首页地址即可，可以实现以下跳转👇

http://localhost:8080 ==> http://localhost:8080/#/door/home

但是有时项目使用的是多页面应用模式

多页面模式的实现依赖于vue.config.js文件中的pages项

具体使用方法，和配置项可参考下文👇：

vue官方文档config配置中的pages项

除pages项之外还至少需要给每个页面配置不同的router和entry

模板文件可以使用相同的文件，毕竟多页面也可能需要使用同一套三栏样式

使用了多页面应用模式后页面地址和单页面应用模式有主要区别
多： http://localhost:8080/home.html#/
单：http://localhost:8080/#/home（大概类似于http://localhost:8080/index.html#/home，不是很确定）

回到开头的问题，为了让页面能跳转到默认地址，设置首页为index.html即可：

官方文档：

因为此时的首页地址从 http://localhost:8080/home.html#/ 转变为 http://localhost:8080/#/；

所以访问 http://localhost:8080/#/时就是在访问首页；

并且不影响访问其他页面例如：http://localhost:8080/finance.html#/list。

参考：
vue官方文档config配置中的pages项
vue之记录之vue.config.js中的配置项之pages
webpack配置