在用vue-cli搭建項目后,使用npm run build打包后,在dist文件夾中打開index.html報錯。點開Network查看資源請求發現很多資源報404,也就是路徑出錯,百度一番后找到了問題的所在,在webpack配置項中,找到
config/index.js
文件,其中兩處資源打包路徑為assetsPublicPath: '/'
,將其改為assetsPublicPath: './'
,再打包一次即可。
用vue-cli搭建項目打包后打不開index.html
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
推薦閱讀更多精彩內容
- 1. 新建一個文件夾,命名為 webpack-cli , webpack-cli 就是你的項目名,項目名建議使用小...
- 本文作者 Jinkey(微信公眾號 jinkey-love,官網 https://jinkey.ai)原文鏈接 h...
- 這兩周一直想寫webpack的知識點,卻發現webpack其實要將webpack說的具體內容還是挺多的。而且稀土掘...