問題：

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

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

解釋：

npm run dev是開發(fā)環(huán)境, npm run build是生產(chǎn)環(huán)境, 在開發(fā)環(huán)境完成代碼和測試, 之后用生產(chǎn)環(huán)境生成代碼,執(zhí)行npm run build 命令后，會(huì)生成dist目錄，里邊包含index.html和static文件夾。

npm run build的時(shí)候, 一開始就會(huì)提示Built files are meant to be served over an HTTP server. Opening index.html over file:// won't work., 在vue-cli的默認(rèn)配置中, 把a(bǔ)ssetsPublicPath: '/'改成assetsPublicPath: './',dist文件夾里的文件必須放在服務(wù)器的根目錄, 如果你想本地打開的話, 可以在npm run build完成之后執(zhí)行以下命令:

npm install -g http-server // 該命令只需執(zhí)行一次, 安裝過之后, 以后就不需要重復(fù)安裝了.

以上這篇解決Vue-cli npm run build生產(chǎn)環(huán)境打包,本地不能打開的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com