vue路由上的#/怎么去掉_如何去掉vue路由中的#
通過(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)題。
- 上一篇: 苹果终于智能音箱市场有起色了 市场份额近
- 下一篇: position定位 响应式_使用 Vu