Javascript 进行api调用时，CORS策略已阻止获取错误

当我试图对进行api调用时，出现以下错误

这就是错误的确切外观

localhost/：1访问位于的XMLHttpRequest ”“从 源“”已被CORS策略阻止：否 “Access Control Allow Origin”标头出现在请求的服务器上 资源

我以前遇到过这个错误，但那是我试图进行本地API调用时遇到的

我知道我可以在我的浏览器上启用cors，这可能会修复错误，但我正在努力避免它

有什么想法或解决办法吗

我正在使用axios进行api调用

axios.get("https://www.kickstarter.com/discover/recommended?format=json").then(response => {

[更新：有人能帮我弄清楚我们如何在承诺中使用它吗

 let Base_url = axios.get(base_url)
  let StaffPick = axios.get(staffPick)


   return Promise.all(Base_url, StaffPick).then(response => {

其中员工选择是 及

---

base\u url是：

像这样尝试，它应该可以工作：

fetch(
  'https://cors-anywhere.herokuapp.com/https://www.kickstarter.com/discover/recommended?format=json')
  .then(response => response.json())
  .then(data => console.log(data));

或axios的同等产品

下面是代码沙盒上的实时演示：

我们没有编写自己的代理服务器，而是使用以下代理服务器：

---

注意：如果您想在生产中使用此功能，我建议您编写自己的代理服务器。。。有关CORS的更多信息：

如果API未启用CORS（或服务于JSONP），则需要在您控制的服务器或第三方上使用代理service@charlietfl非常感谢你的回答。你能简单地解释一下吗？你能建议一种获取Kickstarter数据的方法吗？如果只是从浏览器中点击那个端点，对“ajax代理”进行web搜索是否合适。。。请在此处共享您的get请求代码…@SakoBu您显然没有使用

XMLHttpRequest（）

或

fetch（）

进行尝试，这正是CORS的作用所在。如果您包括我们可能如何使用它，那么解释它为什么会起作用也会很有帮助？把这个作为我的第二个URL：（更新相同的代码）@KuchBhi你有一个CORS问题，解决了它。。。这是一个关于如何在axios中使用promise.all的单独问题。。。以下是文件：