詳解vuejs中執(zhí)行npm run dev出現(xiàn)頁(yè)面cannot GET/問(wèn)題
1.問(wèn)題描述
最近用vue-cli搭建了一個(gè)小項(xiàng)目,其中在對(duì)項(xiàng)目進(jìn)行打包測(cè)試時(shí)修改了webpack.base.conf.js中的配置信息,之后再用npm run dev之后出現(xiàn)如下的情況:
1.瀏覽器中無(wú)法呈現(xiàn)已有頁(yè)面,并且在瀏覽器控制臺(tái)中報(bào)404錯(cuò)誤
2.命令窗口中并沒(méi)有報(bào)錯(cuò)
其中有人說(shuō)是路由等問(wèn)題,后來(lái)通過(guò)創(chuàng)建新的項(xiàng)目對(duì)比配置文件信息,發(fā)現(xiàn)是配置信息導(dǎo)致:
注釋部分是打包時(shí)需要修改的地方(根據(jù)打包時(shí)網(wǎng)站根目錄,這個(gè)沒(méi)處理好可能會(huì)出現(xiàn)圖片路徑加載失敗問(wèn)題),而上面才是在開(kāi)發(fā)環(huán)境下需要的配置信息(怪自己沒(méi)留意,坑了自己),之后就可以正常跑了...
由于有多個(gè)網(wǎng)友反映并沒(méi)有修改上面的publicPath,但是執(zhí)行run命令之后還會(huì)出現(xiàn)上述情況,追其原因是除此之外還修改了config目錄下的assetsPublicPath路徑,將其還原為你自己打包前的路徑即可.
2017.8.29
最近又有網(wǎng)友說(shuō)到這個(gè)問(wèn)題,按照以上說(shuō)的方面檢查了一下,還是出現(xiàn)了這個(gè)問(wèn)題,查了一下出現(xiàn)這個(gè)問(wèn)題的原因還可能跟node的版本還有npm版本相關(guān),所以要把node升級(jí)較高版本,vue-cli要基于3.0以上的版本支持。
那么這時(shí)候如果升級(jí)了node或者npm,那么就可能出現(xiàn)npm 報(bào)錯(cuò)問(wèn)題,那么可以嘗試刪除npm重新安裝
2017.8.30
今天又發(fā)現(xiàn)了關(guān)于這個(gè)問(wèn)題的一個(gè)原因,是由于創(chuàng)建項(xiàng)目的時(shí)候用了ESLint語(yǔ)法檢測(cè),所以一點(diǎn)語(yǔ)法規(guī)范都會(huì)造成找不到頁(yè)面,并且這些錯(cuò)誤是在控制臺(tái)是可以找到的。
如有新方法,將會(huì)繼續(xù)更新!!!
到此這篇關(guān)于詳解vuejs中執(zhí)行npm run dev出現(xiàn)頁(yè)面cannot GET/問(wèn)題的文章就介紹到這了,更多相關(guān)vue執(zhí)行npm run dev出現(xiàn)頁(yè)面cannot GET/內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
- vue執(zhí)行配置選項(xiàng)npm?run?serve的本質(zhì)圖文詳解
- 解決vue項(xiàng)目運(yùn)行npm run serve報(bào)錯(cuò)的問(wèn)題
- vue3.0運(yùn)行npm run dev報(bào)錯(cuò)Cannot find module node:url
- 使用vue-cli初始化項(xiàng)目時(shí)運(yùn)行‘npm run dev’報(bào)錯(cuò)及解決
- 關(guān)于vue的npm run dev和npm run build的區(qū)別介紹
- 詳解Vue項(xiàng)目在其他電腦npm run dev運(yùn)行報(bào)錯(cuò)的解決方法
- Vue項(xiàng)目npm操作npm run serve或npm run dev報(bào)錯(cuò)及二者的區(qū)別
相關(guān)文章
Intellij IDEA搭建vue-cli項(xiàng)目的方法步驟
這篇文章主要介紹了Intellij IDEA搭建vue-cli項(xiàng)目的方法步驟,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-10-10Vue3使用video-player實(shí)現(xiàn)視頻播放
video-player是一個(gè)基于video.js的視頻播放器組件,本文主要介紹了Vue3使用video-player實(shí)現(xiàn)視頻播放,具有一定的參考價(jià)值,感興趣的可以了解一下2024-01-01vue+iview實(shí)現(xiàn)分頁(yè)及查詢功能
這篇文章主要為大家詳細(xì)介紹了vue+iview實(shí)現(xiàn)分頁(yè)及查詢功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-11-11vue項(xiàng)目上傳Github預(yù)覽的實(shí)現(xiàn)示例
這篇文章主要介紹了vue項(xiàng)目上傳Github預(yù)覽的實(shí)現(xiàn)示例,在完成Vue項(xiàng)目以后,在上傳到github并實(shí)現(xiàn)預(yù)覽2018-11-11vue項(xiàng)目配置同一局域網(wǎng)可使用ip訪問(wèn)的操作
這篇文章主要介紹了vue項(xiàng)目配置同一局域網(wǎng)可使用ip訪問(wèn)的操作,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-10-10