Question

我正在使用png API获取数据。一切正常，但是我在控制台中收到一些警告。

  axios.get(url).then(res =>
    dispatch({
      type: GET_STOCK,
      payload: {
        tag,
        page: page + 1,
        images: res.data.hits
      }
    })
  );

警告是

CORS策略已阻止从来源“ https://pixabay.com/api/?key=my_key_is_here”访问“ http://localhost:8000”处的XMLHttpRequest：请求的资源上没有“ Access-Control-Allow-Origin”标头。

我尝试在axios函数中设置标头和一些选项。

Answer 1

Pixabay允许CORS访问。不需要特殊的请求头。我从本地主机成功访问了API。

Answer 2

gh-ost

有趣的是，我向包含该图像的Component中添加了export const getStock = (tag, page) => dispatch => { let url = null; if (tag) { url = `https://pixabay.com/api/?key=my_key=${tag}&per_page=${32 * (page + 1)}&image_type=photo`; } else { url = `https://pixabay.com/api/?key=my_key&per_page=${32 * (page + 1)}&image_type=photo`; } axios.get(url).then(res => dispatch({ type: GET_STOCK, payload: { tag, page: page + 1, images: res.data.hits } }) ); };事件。当Components挂载时，一切都很好，但是当我滚动以获取更多图像时，那一次我收到此警告

这是一个代码

onScrol

对不起，如果我在输入时出现一些错误

请求的资源上存在Access-Control-Allow-Origin标头

2 个答案: