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

成都創(chuàng)新互聯(lián)公司主營(yíng)陜州網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,手機(jī)APP定制開(kāi)發(fā),陜州h5小程序制作搭建,陜州網(wǎng)站營(yíng)銷(xiāo)推廣歡迎陜州等地區(qū)企業(yè)咨詢(xún)

剛?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è)，這也正是稱(chēng)之為單頁(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中的查詢(xún)字符串和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: [...]
})

補(bǔ)充知識(shí)：vue運(yùn)行同時(shí)被localhost和ip地址訪問(wèn)

在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)容，你們對(duì)解決vue項(xiàng)目訪問(wèn)路徑#號(hào)的問(wèn)題大概了解了嗎？希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司行業(yè)資訊頻道。

網(wǎng)站題目：解決vue項(xiàng)目訪問(wèn)路徑#號(hào)的問(wèn)題-創(chuàng)新互聯(lián)
鏈接URL：http://aaarwkj.com/article0/phpio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、軟件開(kāi)發(fā)、網(wǎng)頁(yè)設(shè)計(jì)公司、建站公司、網(wǎng)站排名、響應(yīng)式網(wǎng)站

廣告

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