需求場(chǎng)景：完成一個(gè)vue項(xiàng)目后甚负，利用webpack進(jìn)行打包生成的dist文件夾账胧，預(yù)覽打包后的頁(yè)面效果料身。
說(shuō)明：通常由于 publicPath 問(wèn)題導(dǎo)致顯示空白頁(yè)面欠拾，除了通過(guò)在config中修改 publicPath 為 './' ，搭建本地服務(wù)器來(lái)運(yùn)行dist文件也是一種較佳的選擇骗绕，每次build后只需要一個(gè)命令則預(yù)覽到效果藐窄。
1. 安裝http-server
npm install install -g http-server
npm有時(shí)候很慢，可換cnpm（安裝）較快酬土，或者npm配置為淘寶鏡像
# 配置npm的registry地址
npm config set registry https://registry.npm.taobao.org
2. 開(kāi)啟http-serve本地服務(wù)
#在項(xiàng)目根目錄下運(yùn)行如下命令荆忍，且前提你已經(jīng)進(jìn)行npm run build打包dist文件
http-server ./dist
運(yùn)行后會(huì)出現(xiàn)訪問(wèn)ip，如下
運(yùn)行http-serve命令后.png
3. 瀏覽器預(yù)覽
瀏覽器輸入以上的ip即可預(yù)覽
效果預(yù)覽.png
