javascript - 跨域请求被阻止：同源策略不允许读取 {api url} 处的远程资源

Question

完整的是 Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://api.jikan.moe/v3。（原因：缺少 CORS 标头“Access-Control-Allow-Origin”）。

我想创建一个动漫内容网站，我想从这个 api 地址jaikan api获取数据我使用 react js 创建这个网站，我写了这个代码。

var animeData;
var apiUrl = "https://api.jikan.moe/v3";
function getData(api){
fetch(api).then((res) => res.json().then((data) => animeData = data));
}

getData(apiUrl);

然后我运行 react server bu 简单的输入npm start，然后我的服务器启动了，在控制台中我得到了错误

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://api.jikan.moe/v3 . (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

有什么解决办法请帮忙..

标签： javascriptapirestfetchcross-origin-read-blocking

Answer 1

对此感到抱歉，但两天后我找到了这个问题的答案，有时我们在 api uri ii 使用中犯了错误

var apiUrl = 'https://api.jikan.moe/v3/';

我现实是

var apiUrl = "https://api.jikan.moe/v3"

我用/这个在我的代码中犯了一个错误现在它工作得很好