vue打包npm run build時(shí)候界面報(bào)錯(cuò)的解決

更新時(shí)間：2020年08月13日 09:47:56 作者：愚蠢地人類

這篇文章主要介紹了vue打包npm run build時(shí)候界面報(bào)錯(cuò)的解決，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

用coding-pages打開(kāi)后顯示Failed to load resource: the server responded with a status of 404 (Not Found)，

解決方案：

方案一：

找到config里的index.js,打開(kāi)修改assetsPublicPath 為“./”

方案二：

或者把index.html文件中的路徑/去掉；

下面是去掉后的，可以參考下

成功了！

補(bǔ)充知識(shí)：啟動(dòng)vue項(xiàng)目 npm run dev 時(shí)報(bào)errno -4058

進(jìn)入到項(xiàng)目目錄下，shift+右鍵打開(kāi)cmd

執(zhí)行 npm install

然后再執(zhí)行 npm run dev

或者你留意一下項(xiàng)目是不是存在多個(gè)文件夾。你執(zhí)行npm run dev時(shí)，沒(méi)有在最里面的文件夾（即包含package.json文件夾內(nèi)）執(zhí)行

以上這篇vue打包npm run build時(shí)候界面報(bào)錯(cuò)的解決就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

vue+express 構(gòu)建后臺(tái)管理系統(tǒng)的示例代碼
這篇文章主要介紹了vue+express 構(gòu)建后臺(tái)管理系統(tǒng)的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-07-07
WebPack配置vue多頁(yè)面的技巧
這篇文章主要介紹了WebPack配置vue多頁(yè)面的方法，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2018-05-05
vue響應(yīng)式更新機(jī)制及不使用框架實(shí)現(xiàn)簡(jiǎn)單的數(shù)據(jù)雙向綁定問(wèn)題
vue是一款具有響應(yīng)式更新機(jī)制的框架，既可以實(shí)現(xiàn)單向數(shù)據(jù)流也可以實(shí)現(xiàn)數(shù)據(jù)的雙向綁定。這篇文章主要介紹了vue響應(yīng)式更新機(jī)制及不使用框架實(shí)現(xiàn)簡(jiǎn)單的數(shù)據(jù)雙向綁定問(wèn)題,需要的朋友可以參考下
2019-06-06
Vue3實(shí)現(xiàn)登錄表單驗(yàn)證功能
這篇文章主要介紹了Vue3實(shí)現(xiàn)登錄表單驗(yàn)證功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-06-06
vue高級(jí)組件之provide與inject使用及說(shuō)明
這篇文章主要介紹了vue高級(jí)組件之provide與inject使用及說(shuō)明，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-04-04
Vue 按鈕居中、按鈕居左、按鈕居右的實(shí)現(xiàn)代碼
在 Vue 中,如果需要將按鈕居中顯示,可以使用 CSS 中的 `text-align: center` 屬性來(lái)實(shí)現(xiàn),本文通過(guò)實(shí)例代碼給大家介紹Vue 按鈕居中、按鈕居左、按鈕居右的實(shí)現(xiàn)代碼,感興趣的朋友一起看看吧
2023-10-10
使用vue-cli3打包dist路徑問(wèn)題修改打包配置
這篇文章主要介紹了使用vue-cli3打包dist路徑問(wèn)題修改打包配置，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2022-04-04
vue?文件切片上傳的項(xiàng)目實(shí)現(xiàn)
本文主要介紹了vue?文件切片上傳的項(xiàng)目實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2023-03-03
el-date-picker默認(rèn)結(jié)束為當(dāng)前時(shí)分秒的操作方法
在element?ui中的日期時(shí)間選擇組件中默認(rèn)是00:00,現(xiàn)在需求是點(diǎn)擊默認(rèn)結(jié)束時(shí)間為當(dāng)前時(shí)分秒,查了很多資料寫的都不準(zhǔn)確?,今天給大家分享el-date-picker默認(rèn)結(jié)束為當(dāng)前時(shí)分秒的操作方法,感興趣的朋友一起看看吧
2024-01-01
vue 自定義組件的寫法與用法詳解
這篇文章主要介紹了vue 自定義組件的寫法與用法，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下
2020-03-03