Vue-cli打包成dist后默認(rèn)是必須在http服務(wù)器環(huán)境下才能正常運(yùn)行。

企業(yè)建站必須是能夠以充分展現(xiàn)企業(yè)形象為主要目的，是企業(yè)文化與產(chǎn)品對(duì)外擴(kuò)展宣傳的重要窗口，一個(gè)合格的網(wǎng)站不僅僅能為公司帶來(lái)巨大的互聯(lián)網(wǎng)上的收集和信息發(fā)布平臺(tái)，創(chuàng)新互聯(lián)公司面向各種領(lǐng)域：成都建筑動(dòng)畫(huà)等網(wǎng)站設(shè)計(jì)、網(wǎng)絡(luò)營(yíng)銷(xiāo)推廣解決方案、網(wǎng)站設(shè)計(jì)等建站排名服務(wù)。

可以在本地啟動(dòng)一個(gè)http-server服務(wù)查看，操作步驟如下：

全局安裝http-server：

npm install -g http-server

進(jìn)入dist根目錄下

cd dist

再輸入指令：

serve

輸出serve: Running on port 5000,即服務(wù)已經(jīng)啟動(dòng)，端口號(hào)為5000。

以其他的端口號(hào)啟動(dòng)：

serve -p 8090

補(bǔ)充知識(shí)：vue cli3.0 打包并在本地查看時(shí)頁(yè)面空白問(wèn)題

根據(jù)以下命令對(duì)項(xiàng)目進(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,嗯完成了，后面的也沒(méi)有看，直接打開(kāi)了生成的dist文件夾下的index.html

打開(kāi)后出現(xiàn)一個(gè)空白頁(yè)面，并且控制臺(tái)是上面這樣的。

解決辦法：

執(zhí)行下面命令：

npm install http-server -g 全局

然后在dist文件下執(zhí)行：

http-server

http-server

直接打開(kāi)上面的網(wǎng)址訪(fǎng)問(wèn)就可以了。

以上這篇Vue-cli打包后如何本地查看的操作就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持創(chuàng)新互聯(lián)。

網(wǎng)站欄目：Vue-cli打包后如何本地查看的操作-創(chuàng)新互聯(lián)
文章位置：http://jinyejixie.com/article18/eiogp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、定制開(kāi)發(fā)、搜索引擎優(yōu)化、網(wǎng)站設(shè)計(jì)、手機(jī)網(wǎng)站建設(shè)、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)