Vue-Router路由的三种模式

Posted on | In , |

hash

使用URL hash值来做路由。支持所有浏览器，包括不支持 HTML5 History Api的浏览器

history

history模式依赖HTML History Api和服务器配置。美化后的hash模式，这种模式充分利用history.pushStateAPI来完成URL跳转而无须重新加载页面。

1
2
3
4
const router = new VueRouter({
  mode: 'history',
  router: [...]
})

abstract

abstract：支持所有JavaScript运行环境，如Node.js服务器端。如果发现没有浏览器的API，路由会自动强制进入这个模式。

参考链接

HTML5 History 模式
Vue路由的三种模式