vue router中mode history、base的作用说明

mode history、base的作用

mode history的含义

mode history 代表，路由不再显示hash，会像如下形式：

histroy

• localhost:8080/user/list

hash

• localhost:8080/#/user/list

base的含义

base也比较好理解，代表着是基本的路由请求的路径。参考 ：

如：base: ‘/app/’

那么所有的请求都会在url之后加上/app/

应用的基路径。例如，如果整个单页应用服务在 /app/ 下，然后 base 就应该设为 “/app/”

vue-router的base和mode配置项

路由代码如下

const router = new VueRouter({
  mode: 'history',
  base: '/vue',
  routes
})

1) mode??

mode: 'history’表示，访问路径不带#号，如：http://localhost:8080/vue

2) base??

配置单页应用的基路径，当点击路由时：

 <router-link to="/">Home</router-link> |
 <router-link to="/about">About</router-link>

会带上项目基路径，如:http://localhost:8080/vue/about

浏览器地址栏http://localhost:8080/vue/这样访问，表示是访问该项目