鍍金池/ 問答/HTML/ vue-cli 打包后本地環(huán)境訪問圖片404

vue-cli 打包后本地環(huán)境訪問圖片404

首先問一下可不可以..

clipboard.png
webpack.prod.conf.js中 output.publicPath: './'

clipboard.png
config/index.js中 build.assetsPublicPath: './'

clipboard.png
圖片和假JSON放在了static里面

clipboard.png
以絕對路徑引用

clipboard.png
本地環(huán)境(不是npm run dev)圖片404

傳說中的一包回到解放前,感謝大神!感謝大神!感謝大神!

回答
編輯回答
深記你

如果你想把靜態(tài)資源單獨拿出來,在本地能夠看到效果你可以這樣做

assetsPublicPath: './' 

但這樣也有可能出現(xiàn)圖片路徑不對,你調(diào)整下資源路徑就可以解決了
如果使用

assetsPublicPath: '/' 

則在服務(wù)器中是可以看到圖片的,但本地環(huán)境不可以

2018年7月8日 16:22
編輯回答
誮惜顏

靜態(tài)資源是不會被打包進dist的,一般要用CopyWebpackPlugin,不知道你用了沒有

2017年6月29日 07:02
編輯回答
尛曖昧
assetsPublicPath路徑錯誤

應(yīng)為:

assetsPublicPath: '/'

加./你應(yīng)該是為其它的方式添加的吧

2018年8月21日 11:29