react 图片解析时报403

头发快掉没了的程序猿

已于 2022-04-24 09:15:35 修改

阅读量1.7k

点赞数

文章标签： react.js

于 2022-04-22 18:11:05 首次发布

本文链接：https://blog.csdn.net/LiuBo_1999/article/details/124352100

版权

在React项目中使用img标签加载网页图片时遇到403错误，通过在img标签外添加<meta name="referrer" content="no-referrer"></meta>可以解决问题。这阻止了referrer信息的发送，允许图片正常加载。文章详细解释了referrer策略的不同设置及其影响。

摘要由CSDN通过智能技术生成

使用img标签加载网页的图片的时候，居然遇上了403，但是直接把网页图片的地址放到地址栏时浏览器是可以成功加载的，但是放到React项目中使用img加载网页图片的时候就会403

在img图片处添加<meta name="referrer" content="no-referrer"></meta>就可以解决了

<Carousel ref="banner" autoplay={false} dots={false} afterChange={this.bannerAfterChange.bind(this)}>

{

this.props.homemodel.bannerlist.map((object, index) => {

return (

<div className={styles.slide} key={index}>

<img className={styles.banner_image} src={object}/>

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

</div>

)

})

}

</Carousel>