乐趣区

关于css:react设置img标签url网络地址不显示

问题

学习 React Web 页面开发的过程中,遇到了一个问题设置 img 标签的图片地址,没有任何显示,然而换另外一个图片地址就能够展现,然而通过浏览器间接拜访图片地址是没有问题的,有点纳闷,就查阅了一下材料。
通过学习理解调,src 设置网络图片无奈展现,是因为浏览器在拜访图片地址时会主动在申请上增加了 refre 字段,而有些网站服务器针对 refre 做了防盗链设计就返回了 403, 天然就无奈展现。

解决方案

解决方案也很简略,在 react 我的项目的 public 门路下,找到 index.html 文件,在 head 标签中增加如下代码即可

<meta name="referrer" content="no-referrer">

你 Get 到了吗?如果有问题或倡议能够留个评论,喜爱此文章请点个赞或关注我,后边还有更多更精彩的文章,感激!

退出移动版