去掉vue路由中的#號

在使用vue進行開發的時候我們會發現地址欄上的ip后面會跟着一個#號，如果想去掉這個井號，我們可以在路由上加上 mode: 'history',  即可去掉

 

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

　　

vue-router默認是hash模式，在hash模式下，是會有#號在URL上的，很丑有沒有？

切換到HTML5的history模式，只需要在mode選項中配置即可。在history模式下，URL就像正常的URL一樣，但是該模式下需要后台正確的配置才可以。因為在路由中傳參時，后台沒有配置好的話，就會返回404。