vue项目 默认路由的设置 入口路由

vue-cli所建的项目中,项目启动默认地址是http://localhost:XXXX/#/,带着#,在很多环境下不允许使用,或者有缺陷,并且看起来也很别扭。

另外一个问题是,我们习惯是http://localhost:XXXX/login为登录页面,以下方法可以解决:

去掉#:

在router.js中的router实例中,设置mode: 'history',同时在app.vue中的实例中设置mode: history;

设置/login为登录页:

由于项目启动时的默认地址为/,还没有找到修改默认地址的方法,所以可以使用重定向,重定向到/login路由

vue项目 默认路由的设置 入口路由_第1张图片

如图设置就ok啦。

你可能感兴趣的:(vue项目 默认路由的设置 入口路由)