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

如何解决跨域请求被阻止：同源策略不允许在 {api url} 读取远程资源

完整的是跨源请求被阻止：同源策略不允许读取 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);

然后我简单地输入 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).

有任何解决方案请帮助..

解决方法

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

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

我确实是这样

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

我使用 / 这在我的代码中犯了一个错误，现在它可以完美运行