如何去掉vue路由中的#

通過腳手架vue-cli構建的項目，在項目啟動后，URL地址上都會帶有#，如：http://localhost:8080/#/father

 

原因：這是因為vue-router 默認hash模式， 使用 URL 的 hash 來模擬一個完整的 URL，於是當 URL 改變時，頁面不會重新加載。

因為對於正常的頁面來說，更換url一定是會導致頁面的更換的， 而只有更換url中的查詢字符串和hash值得時候才不會重新加載頁面

 

解決方法：可以使用路由的history模式！！！ 這種模式充分利用了history.pushState API來完成URL的跳轉而不需要重新加載頁面。

在src/router/index.js下修改如下：

const router = new VueRouter({
  mode: 'history',  // 加入這一句即可
  routes: [...]
})

 

 

--------------------- 本文來自 chunchun1230 的CSDN 博客 ，全文地址請點擊：https://blog.csdn.net/chunchun1230/article/details/78553099?utm_source=copy  ---------------------