使用vue-cli腳手架構建vue專案 vue init webpack project

npm run build 打包時出現

Tip: built files are meant to be served over an HTTP server.
Opening index.html over file:// won't work.

這段話的意思就是說：構建檔案務必放在一個HTTP伺服器。直接開啟index.html檔案將不工作。

npm run dev是開發環境, npm run build是生產環境, 在開發環境完成程式碼和測試, 之後用生產環境生成程式碼,執行npm run build 命令後，會生成dist目錄，裡邊包含index.html和static資料夾。

直接本地開啟index.html 顯示 Failed to load resource: net::ERR_FILE_NOT_FOUND

如何解決本地無法開啟index.html問題

到專案目錄下的config資料夾裡的index.js檔案中,將build物件下的assetsPublicPath中的“/”，改為“./”即可，就在前面加個點就可以了，

現在再重新打包一次 npm run build，重新整理你的頁面，就可以看到啦