请求图片失败,状态码400

192 阅读1分钟

1. referer

本地页面和服务器的请求头只有referer不一样

服务器的referer由于是get请求,url传的参数比较多,url特别长。

这时候想,要想保持请求,又想让referer中的url变的短些,就是POS请求

去除img标签或者a标签中的referer

<img src="图片地址" referrerpolicy='no-referrer/> <a href='link' rel='noreferrer'/> <meta name="referrer" content="no-referrer" />

2. 跨域

cross

ngnix配置跨域

请求img转换为base64显示

`

// imgUrl 远程图片资源地址 getBase64(imgUrl) { let that = this window.URL = window.URL || window.webkitURL; var xhr = new XMLHttpRequest(); xhr.open("get", imgUrl, true); xhr.responseType = "blob"; xhr.onload = function () { if (this.status == 200) { var blob = this.response; console.log("blob", blob) let oFileReader = new FileReader(); oFileReader.onloadend = function (e) { that.imgSrc = e.target.result }; oFileReader.readAsDataURL(blob); } } xhr.send(); },`

3. img请求加时间戳,随机数

441ed63b2cb448e53cbc4257c693532.png