使用vue-cli build項(xiàng)目后盗似,嘗試使用打開(kāi)dist目錄下的index.html,發(fā)現(xiàn)顯示一片空白
解決方法:打開(kāi)config目錄下index.js沥邻,修改build里assetsPublicPath: '/',
為assetsPublicPath: './',
,再次build能夠正確顯示
在version 2.4.0中危虱,樣式文件中的字體和圖片路徑出現(xiàn)錯(cuò)誤
解決方法:打開(kāi)build目錄webpack.prod.conf.js,做如下修改
// new ExtractTextPlugin(utils.assetsPath('css/[name].[contenthash].css')),
new ExtractTextPlugin('[name].[contenthash].css'),
之前的問(wèn)題都是因?yàn)橹苯邮褂么蜷_(kāi)文件導(dǎo)致的唐全,正確的使用打開(kāi)項(xiàng)目的方法應(yīng)該使用靜態(tài)服務(wù)器打開(kāi)
安裝http-server埃跷,并使用它打開(kāi)項(xiàng)目
cnpm install http-server -g
http-server -a 127.0.0.1 -p 9999 // 9999為指定的端口