项目经理要求让页面能跳转到默认地址
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配置