快捷導(dǎo)航

詳解vuejs中執(zhí)行npm run dev出現(xiàn)頁面cannot GET/問題

更新時間：2020年04月26日 10:50:46 作者：jmin_coming

這篇文章主要介紹了詳解vuejs中執(zhí)行npm run dev出現(xiàn)頁面cannot GET/問題，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

1.問題描述

最近用vue-cli搭建了一個小項(xiàng)目,其中在對項(xiàng)目進(jìn)行打包測試時修改了webpack.base.conf.js中的配置信息,之后再用npm run dev之后出現(xiàn)如下的情況:

1.瀏覽器中無法呈現(xiàn)已有頁面,并且在瀏覽器控制臺中報404錯誤

2.命令窗口中并沒有報錯

其中有人說是路由等問題,后來通過創(chuàng)建新的項(xiàng)目對比配置文件信息,發(fā)現(xiàn)是配置信息導(dǎo)致:

注釋部分是打包時需要修改的地方(根據(jù)打包時網(wǎng)站根目錄,這個沒處理好可能會出現(xiàn)圖片路徑加載失敗問題),而上面才是在開發(fā)環(huán)境下需要的配置信息(怪自己沒留意,坑了自己),之后就可以正常跑了...

由于有多個網(wǎng)友反映并沒有修改上面的publicPath,但是執(zhí)行run命令之后還會出現(xiàn)上述情況,追其原因是除此之外還修改了config目錄下的assetsPublicPath路徑,將其還原為你自己打包前的路徑即可.

2017.8.29

最近又有網(wǎng)友說到這個問題，按照以上說的方面檢查了一下，還是出現(xiàn)了這個問題，查了一下出現(xiàn)這個問題的原因還可能跟node的版本還有npm版本相關(guān)，所以要把node升級較高版本，vue-cli要基于3.0以上的版本支持。

那么這時候如果升級了node或者npm,那么就可能出現(xiàn)npm 報錯問題,那么可以嘗試刪除npm重新安裝

鏈接:http://www.howtobuildsoftware.com/index.php/how-do/bYRH/nodejs-npm-npm-doesnt-work-get-always-this-error-error-cannot-find-module-are-we-there-yet

2017.8.30

今天又發(fā)現(xiàn)了關(guān)于這個問題的一個原因，是由于創(chuàng)建項(xiàng)目的時候用了ESLint語法檢測，所以一點(diǎn)語法規(guī)范都會造成找不到頁面，并且這些錯誤是在控制臺是可以找到的。

如有新方法,將會繼續(xù)更新!!!

到此這篇關(guān)于詳解vuejs中執(zhí)行npm run dev出現(xiàn)頁面cannot GET/問題的文章就介紹到這了,更多相關(guān)vue執(zhí)行npm run dev出現(xiàn)頁面cannot GET/內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: