vue-cli 打包后本地环境访问图片404

新手上路,请多包涵

首先问一下可不可以..

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

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

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

clipboard.png
以绝对路径引用

clipboard.png
本地环境(不是npm run dev)图片404

传说中的一包回到解放前,感谢大神!感谢大神!感谢大神!

阅读 6k
3 个回答

静态资源是不会被打包进dist的,一般要用CopyWebpackPlugin,不知道你用了没有

assetsPublicPath路径错误

应为:

assetsPublicPath: '/'

加./你应该是为其它的方式添加的吧

如果你想把静态资源单独拿出来,在本地能够看到效果你可以这样做

assetsPublicPath: './' 

但这样也有可能出现图片路径不对,你调整下资源路径就可以解决了
如果使用

assetsPublicPath: '/' 

则在服务器中是可以看到图片的,但本地环境不可以

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题