通過(guò)腳手架vue-cli構(gòu)建的項(xiàng)目，在項(xiàng)目啟動(dòng)后，URL地址上都會(huì)帶有#，如：http://localhost:8080/#/father

原因：這是因?yàn)関ue-router?默認(rèn)hash模式，?使用 URL 的 hash 來(lái)模擬一個(gè)完整的 URL，于是當(dāng) URL 改變時(shí)，頁(yè)面不會(huì)重新加載。

因?yàn)閷?duì)于正常的頁(yè)面來(lái)說(shuō)，更換url一定是會(huì)導(dǎo)致頁(yè)面的更換的， 而只有更換url中的查詢字符串和hash值得時(shí)候才不會(huì)重新加載頁(yè)面

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

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

const router = newVueRouter({

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

routes: [...]

})

--------------------- 本文來(lái)自 chunchun1230 的CSDN 博客 ，全文地址請(qǐng)點(diǎn)擊：https://blog.csdn.net/chunchun1230/article/details/78553099?utm_source=copy??---------------------

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。