【JS】react设置img标签url网络地址不显示

• Z时代
• 2024-01-10
• 分类：技术分享

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

问题

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

解决方案

解决方案也很简单， 在react项目的public路径下，找到index.html文件，在head标签中添加如下代码即可

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

你Get到了吗？如果有问题或建议可以留个评论，喜欢此文章请点个赞或关注我，后边还有更多更精彩的文章，感谢！

以上是 【JS】react设置img标签url网络地址不显示 的全部内容， 来源链接： utcz.com/a/109850.html