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

目录

• mode history、base的作用
• mode history的含义
• base的含义
• vue-router的base和mode配置项
• 路由代码如下

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  

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

 Home |
 About

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

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

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。