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/这样访问,表示是访问该项目
以上为个人经验,希望能给大家一个参考,也希望大家多多支持编程网。