Vue-cli打包后如何本地查看的操作-創(chuàng)新互聯(lián)

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

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

可以在本地啟動一個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

補(bǔ)充知識：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)容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯(lián)。

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

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

廣告

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