我正在尝试从一个S3桶加载用户化身,在这个桶中,在向/uploads/resume/{user_uid}
发出GET
请求时,图像返回一个URL
。我的请求就是这样
const getAvatar = async() => {
var myHeaders = new Headers();
myHeaders.set('Authorization', 'Basic ' + credentials);
var requestOptions = {
method: 'GET',
headers: myHeaders,
redirect: 'follow'
};
let response;
try {
response = await fetch (`${APIlink}/uploads/resume/${user_uid}`, requestOptions)
} catch (err) {
console.log("Failed");
return;
}
const result = await response.text();
setAvatarURL(result);
console.log(avatarURL);
};
那我就知道
<img src={avatarURL}/>
在我的呈现方法中,显示用户的化身,但没有显示任何内容。在对图像标记执行检查元素时,我看到URL中有一个额外的双引号,类似于这个<img src=""URL"">
avatarURL应该是一个字符串,那么为什么会有另外一对引号呢?
做console.log(avatarURL);
会给我带来"https://i*******“这样的东西
发布于 2021-05-23 03:26:18
试着这样做:
<img src={avatarURL.replace(/['"]+/g, '')}/> // to remove extra double quotes
https://stackoverflow.com/questions/67659150
复制