vue cli3 0 打包並在本地檢視

根據以下命令對專案進行打包：

npm run build

命令執行完出現

done build complete. the dist directory is ready to be deployed. info check out deployment instructions at

看了一下，build complete,嗯完成了，後面的也沒有看，直接開啟了生成的dist資料夾下的index.html

開啟後出現乙個空白頁面，並且控制台是上面這樣的。

在網上查了很多，基本都是在config/index.js中改路徑。那麼問題來了vue cli 3.0沒有build和config 啊，那去**改?

最後發現直接在根目錄下vue.config.js(如果沒有這個檔案的話，可以直接在更目錄中新增乙個，配置參考)檔案中進行修改。

將baseurl屬性的值'/'改為'./'。

module.exports = ,
}

改好之後就可以直接在本地開啟index.html了。

額。。。開啟是開啟了，可是問題又來了，我的登入頁面需要請求cookie，但是在這裡get返回的是個空。。。。好像是因為filex協議的問題。並且在部署裡（也就是在執行完npm run build 之後提示的連線中）也說明了dist 目錄需要啟動乙個 http 伺服器來訪問，所以以 file:// 協議直接開啟 dist/index.html 是不會工作的。

不知道為什麼我執行下面命令不起作用：

npm install -g serve # 這個模式會處理即將提到的路由問題 serve -s dist

執行下面命令：

npm install http-server -g 全域性

然後在dist檔案下執行：

http-server

直接開啟上面的**訪問就可以了。

vue cli3 0 打包並在本地檢視

Vue cli3 0打包部署到Nginx

vue cli 3 0 分多環境打包配置

vue cli3的打包並在本地檢視

vue cli3 0 打包並在本地檢視

Vue cli3 0打包部署到Nginx

vue cli 3 0 分多環境打包配置

vue cli3的打包並在本地檢視

相關推薦