溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
Vue-cli打包成dist后默認(rèn)是必須在http服務(wù)器環(huán)境下才能正常運行。
可以在本地啟動一個http-server服務(wù)查看，操作步驟如下：
全局安裝http-server：
npm install -g http-server
進(jìn)入dist根目錄下
cd dist
再輸入指令：
serve
輸出serve: Running on port 5000,即服務(wù)已經(jīng)啟動，端口號為5000。
以其他的端口號啟動：
serve -p 8090
補充知識：vue cli3.0 打包并在本地查看時頁面空白問題
根據(jù)以下命令對項目進(jìn)行打包：
npm run build
命令執(zhí)行完出現(xiàn)
DONE Build complete. The dist directory is ready to be deployed.
INFO Check out deployment instructions at https://cli.vuejs.org/guide/deployment.html
看了一下，build complete,嗯完成了，后面的也沒有看，直接打開了生成的dist文件夾下的index.html
打開后出現(xiàn)一個空白頁面，并且控制臺是上面這樣的。
解決辦法：
執(zhí)行下面命令：
npm install http-server -g 全局
然后在dist文件下執(zhí)行：
http-server
http-server
直接打開上面的網(wǎng)址訪問就可以了。
以上這篇Vue-cli打包后如何本地查看的操作就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼
