图片路径问题

来源:8-2 首页组件的拆分

努力的毛毛

2019-02-18

写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 就好了 ,页面正确显示了。
想请问一下这是怎么回事?
图片描述

写回答

1回答

Dell

2019-02-18

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

1
2
Dell
回复
努力的毛毛
这是因为webpack打包的原因,你必须用import引入,不能直接用相对路径
2019-02-19
共2条回复

React零基础入门到实战,完成企业级项目简书网站开发

主流新技术 React-redux,React-router4,贯穿基础语法

5275 学习 · 2496 问题

查看课程