Pixabay API CORB 问题
Pixabay API CORB issue
我在尝试从我的 Javascript (React) 应用程序中访问 Pixabay api 时遇到跨源读取阻止 (CORB)。
这是我的获取代码:
fetch(`https://pixabay.com/api/?key=${API_KEY}&q=travel&image_type=photo&pretty=true`)
.then(res => res.json())
.then(
result => {
console.log(result);
// set url array in state to be used by a gallery component..
},
error => {
console.log(error);
}
);
提取 returns 数据正常,但简单 img 标签中使用的每个单独的图像 url 都会引发 CORB 错误。
我需要做什么才能取消阻止我的请求?
我猜您正在使用指向 Pixabay 网站的链接作为图片的 src (hit.pageURL
)。您不是要使用 hit.previewURL
吗?
const API_KEY = '123456789abcdef';
fetch(`https://pixabay.com/api/?key=${API_KEY}&q=travel&image_type=photo&pretty=true`)
.then(res => res.json())
.then(
result => {
// Just for the demo
const html = result.hits.map(
hit => `<a href="${hit.pageURL}"><img src="${hit.previewURL}"></a>`
).join('');
document.body.innerHTML = html;
},
error => {
console.log(error);
}
);
我在尝试从我的 Javascript (React) 应用程序中访问 Pixabay api 时遇到跨源读取阻止 (CORB)。
这是我的获取代码:
fetch(`https://pixabay.com/api/?key=${API_KEY}&q=travel&image_type=photo&pretty=true`)
.then(res => res.json())
.then(
result => {
console.log(result);
// set url array in state to be used by a gallery component..
},
error => {
console.log(error);
}
);
提取 returns 数据正常,但简单 img 标签中使用的每个单独的图像 url 都会引发 CORB 错误。
我需要做什么才能取消阻止我的请求?
我猜您正在使用指向 Pixabay 网站的链接作为图片的 src (hit.pageURL
)。您不是要使用 hit.previewURL
吗?
const API_KEY = '123456789abcdef';
fetch(`https://pixabay.com/api/?key=${API_KEY}&q=travel&image_type=photo&pretty=true`)
.then(res => res.json())
.then(
result => {
// Just for the demo
const html = result.hits.map(
hit => `<a href="${hit.pageURL}"><img src="${hit.previewURL}"></a>`
).join('');
document.body.innerHTML = html;
},
error => {
console.log(error);
}
);