解決Vue-cli npm run build生產環境打包,本地不能打開的問題

問題：

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

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

解釋：

npm run dev是開發環境, npm run build是生產環境, 在開發環境完成代碼和測試, 之后用生產環境生成代碼,執行npm run build 命令后，會生成dist目錄，里邊包含index.html和static文件夾。

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

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

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

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