react 图片解析时报403

使用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>

referrer是用于追踪用户是从哪个页面跳转过来,设置为no-referrer,表示所有请求都不发送referrer.
如果content属性不是合法的取值，浏览器会自动选择no-referer策略

空字符串