關于Vue-cli npm run build生產環(huán)境打包遇到的問題解答:

運行npm run build 出現(xiàn)如下提示:

Tip: built files are meant to be served over an HTTP server.

? Opening index.html over file:// won't work.

即這些生產環(huán)境代碼文件(在執(zhí)行build基于開發(fā)環(huán)境代碼生成),需要放在http服務器上才會有效。

根據(jù)網上提示做了以下更改:

(為了看著清楚,復制了網頁上的圖片。)

?1.在vue-cli的默認配置中, 把 assetsPublicPath: '/' 改成 assetsPublicPath: './'?


2、解決了頁面空白問題之后會出現(xiàn) css 樣式的圖片不顯示問題,那么在 build 的目錄下的 utils.js 件添加 publicPath: '…/…/' 重新打包即可。


3,需要一個簡易的零配置的http服務器,推薦安裝

npm install -g http-server

比如你的生產代碼位于當前dist目錄下,你可以這樣:

http-server ./dist?

4,最后打開終于好了。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內容