图片路径问题

Question

写HomeLeft组件的banner图时，我试图使用自己保存在statics文件夹下的bunny.png文件做banner图， 但是写< img src=’…/…/statics/bunny.png’> 页面上获取不到图片。从简书上扒下来的网址//upload.jianshu.io/admin_banners/web_images/4592/2cbadf9347d69cfc140daf64de887fda0e361bcc.jpg?imageMogr2/autoorient/strip|imageView2/1/w/1250/h/540就没有问题。
后来我从’…/…/statics/bunny.png’ import 一个 bunny 就好了 ，页面正确显示了。
想请问一下这是怎么回事？

Answer 1

Dell 2019-02-18 22:45:47

本地图片肯定是没问题的，线上图片有可能做了防盗链处理

• 提问者 努力的毛毛 #1

  感谢回复！图片是我网上下载然后在ps中又加工了一下然后保存的，按理说应该是本地图片了呀， 为什么img的src用相对路径获取不到呢

• Dell 回复 提问者 努力的毛毛 #2

  这是因为webpack打包的原因，你必须用import引入，不能直接用相对路径