Vue Router去掉url中默認的#

hash模式url

clipboard.png

vue-router默認hash模式——使用URL的hash來模擬一個完整的URL,因而當URL改變時,頁面不會從新加載。
若是不想要這種默認的hash模式,能夠用路由的history模式,這種模式充分的利用history.pushState API來完成URL跳轉而無需從新加載頁面。vue

index.js
Vue.use(Router)

export default new Router({
  mode: 'history',
  routes: [
    {
        path:"/xxx",
        name:"xxx",
        component: Xxx,
    }
]
})

clipboard.png

history模式

修改以後url就變成了正常的urlvue-router

clipboard.png

相關文章
相關標籤/搜索