詳解vuejs中執(zhí)行npm run dev出現(xiàn)頁面cannot GET/問題
1.問題描述
最近用vue-cli搭建了一個小項目,其中在對項目進行打包測試時修改了webpack.base.conf.js中的配置信息,之后再用npm run dev之后出現(xiàn)如下的情況:
1.瀏覽器中無法呈現(xiàn)已有頁面,并且在瀏覽器控制臺中報404錯誤
2.命令窗口中并沒有報錯
其中有人說是路由等問題,后來通過創(chuà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重新安裝
2017.8.30
今天又發(fā)現(xiàn)了關(guān)于這個問題的一個原因，是由于創(chuàng)建項目的時候用了ESLint語法檢測，所以一點語法規(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)文章希望大家以后多多支持腳本之家！
- npm run dev和npm run serve的區(qū)別小結(jié)
- Vue項目npm操作npm run serve或npm run dev報錯及二者的區(qū)別
- vue3.0運行npm run dev報錯Cannot find module node:url
- npm run dev報錯信息及解決方法
- 運行npm?run?dev報錯的原因及解決
- 使用vue-cli初始化項目時運行‘npm run dev’報錯及解決
- npm?run?dev失敗的簡單解決辦法
- 關(guān)于vue的npm run dev和npm run build的區(qū)別介紹
- 詳解Vue項目在其他電腦npm run dev運行報錯的解決方法
- Vue項目npm run dev啟動失敗的6個常見原因(附解決方案)
相關(guān)文章
vue webpack開發(fā)訪問后臺接口全局配置的方法
今天小編就為大家分享一篇vue webpack開發(fā)訪問后臺接口全局配置的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
dep.notify() 是Vue2響應(yīng)式系統(tǒng)中觸發(fā)依賴更新的核心方法,也是理解Vue2 視圖“自動更新”的關(guān)鍵,本文給大家介紹Vue dep.notify() 含義及作用,感興趣的朋友跟隨小編一起看看吧2025-12-12
關(guān)于echarts?清空上一次加載的數(shù)據(jù)問題
這篇文章主要介紹了關(guān)于echarts?清空上一次加載的數(shù)據(jù)問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要為大家詳細介紹了vue實現(xiàn)垂直無限滑動日歷組件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了vue中echarts自動輪播tooltip問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
今天小編就為大家分享一篇vue transition 在子組件中失效的解決，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
這篇文章主要為大家詳細介紹了vue實現(xiàn)電子時鐘效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
在本篇內(nèi)容里小編給大家整理了關(guān)于vue寫h5頁面的方法以及注意點分析，有需要的朋友們跟著學(xué)習(xí)下吧。2019-02-02
vue3+Echarts實現(xiàn)立體柱狀圖的示例代碼
本文介紹了使用Echarts實現(xiàn)立體柱狀圖的方法,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2025-07-07
vue3.0 CLI - 2.1 - component 組件入門教程
這篇文章主要介紹了vue3.0 CLI - 2.1 - component 組件入門教程,本文主要的關(guān)注點就是組件，本文通過實例代碼相結(jié)合的形式給大家介紹的非常詳細，需要的朋友可以參考下2018-09-09