通過腳手架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 = newVueRouter({

mode:'history', // 加入這一句即可

routes: [...]

})

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

總結

以上是生活随笔為你收集整理的vue路由上的#/怎么去掉_如何去掉vue路由中的#的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。