使用vue-cli build項目后,嘗試使用打開dist目錄下的index.html,發(fā)現(xiàn)顯示一片空白
解決方法:打開config目錄下index.js,修改build里assetsPublicPath: '/',為assetsPublicPath: './',,再次build能夠正確顯示
在version 2.4.0中,樣式文件中的字體和圖片路徑出現(xiàn)錯誤
解決方法:打開build目錄webpack.prod.conf.js,做如下修改
// new ExtractTextPlugin(utils.assetsPath('css/[name].[contenthash].css')),
new ExtractTextPlugin('[name].[contenthash].css'),
之前的問題都是因為直接使用打開文件導致的,正確的使用打開項目的方法應該使用靜態(tài)服務器打開
安裝http-server,并使用它打開項目
cnpm install http-server -g
http-server -a 127.0.0.1 -p 9999 // 9999為指定的端口