解決vue項目訪問路徑#號的問題？這個問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

成都創(chuàng)新互聯(lián)公司是創(chuàng)新、創(chuàng)意、研發(fā)型一體的綜合型網(wǎng)站建設(shè)公司，自成立以來公司不斷探索創(chuàng)新，始終堅持為客戶提供滿意周到的服務(wù)，在本地打下了良好的口碑，在過去的10年時間我們累計服務(wù)了上千家以及全國政企客戶，如PVC花箱等企業(yè)單位，完善的項目管理流程，嚴(yán)格把控項目進(jìn)度與質(zhì)量監(jiān)控加上過硬的技術(shù)實力獲得客戶的一致稱揚。

剛?cè)胧講ue，有好多的疑問，目前遇到的是vue項目啟動之后，輸入http://ip:port，我發(fā)現(xiàn)瀏覽器里面顯示的地址欄竟然是http://ip:port/#/，這個”/#/“不知道是什么東西，于是百度查了一下。

原因：對于vue開發(fā)的單頁面應(yīng)用，我們在切換不同的頁面的時候，可以發(fā)現(xiàn)html永遠(yuǎn)只有一個，這也正是稱之為單頁面的原因。而vue-router默認(rèn)hash模式--------使用URL的hash來模擬一個完整的URL，于是當(dāng)URL改變時，頁面不會重新加載。因為對于正常的頁面來說，更換url一定是會導(dǎo)致頁面更換的，而只有更換url中的查詢字符串和hash值的時候才不會重新加載頁面。

如果不想要#，可以使用路由的history模式，這種模式充分利用了history.pushState API來完成URL的跳轉(zhuǎn)而不需要重新加載頁面，使用這種模式之后，就沒有#了，而是可以像使用正常的url進(jìn)行訪問了。

const router = new VueRouter({
 mode: 'history',
 routes: [...]
})

補(bǔ)充知識：vue運行同時被localhost和ip地址訪問

在index.js文件下修改host內(nèi)容，localhost改為本機(jī)ip

host: '192.168.X.XX',// can be overwritten by process.env.HOST
port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
autoOpenBrowser: true,
errorOverlay: true,
notifyOnErrors: true,
poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-

在package.json文件中dev內(nèi)容后面加–host0.0.0.0

感謝各位的閱讀！看完上述內(nèi)容，你們對解決vue項目訪問路徑#號的問題大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

標(biāo)題名稱：解決vue項目訪問路徑#號的問題
文章URL：http://jinyejixie.com/article4/pdceoe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、電子商務(wù)、虛擬主機(jī)、全網(wǎng)營銷推廣、、網(wǎng)站維護(hù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)