vue-router
默认 hash
模式 —— 使用 URL
的 hash
来模拟一个完整的 URL
,于是当 URL
改变时,页面不会重新加载
如下所示
http://localhost/#home
如果觉得hash
很丑,我们可以用路由的 history
模式,这种模式充分利用 history.pushState API
来完成 URL
跳转而无须重新加载页面
const router = new VueRouter({
mode: 'history',
routes: [...]
})
如下所示
http://localhost/home
配置路由模式:
URL hash
值来作路由。支持所有浏览器,包括不支持HTML5 History Api
的浏览器。HTML5 History API
和服务器配置。查看 HTML5 History 模式。JavaScript
运行环境,如 Node.js
服务器端。如果发现没有浏览器的 API
,路由会自动强制进入这个模式base
为应用的基础路径,例如:整个单页面应用服务在/app/
下,那么base
就应该设为/app/
,当你在HTML5 history
模式下使用base
选项之后,所有的to
属性都不需要写基础路径了