這篇文章主要介紹vue項(xiàng)目訪問(wèn)路徑#號(hào)是什么,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
剛?cè)胧講ue,有好多的疑問(wèn),目前遇到的是vue項(xiàng)目啟動(dòng)之后,輸入http://ip:port,我發(fā)現(xiàn)瀏覽器里面顯示的地址欄竟然是http://ip:port/#/,這個(gè)”/#/“不知道是什么東西,于是百度查了一下。
原因:對(duì)于vue開(kāi)發(fā)的單頁(yè)面應(yīng)用,我們?cè)谇袚Q不同的頁(yè)面的時(shí)候,可以發(fā)現(xiàn)html永遠(yuǎn)只有一個(gè),這也正是稱之為單頁(yè)面的原因。而vue-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è)面,使用這種模式之后,就沒(méi)有#了,而是可以像使用正常的url進(jìn)行訪問(wèn)了。
const router = new VueRouter({ mode: 'history', routes: [...] })
名稱欄目:vue項(xiàng)目訪問(wèn)路徑#號(hào)是什么-創(chuàng)新互聯(lián)
URL地址:http://sd-ha.com/article38/jjipp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信小程序、標(biāo)簽優(yōu)化、企業(yè)建站、外貿(mào)建站、App設(shè)計(jì)、小程序開(kāi)發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容