Javascript CORS 被阻止

Question

我从昨晚开始一直在编写我的 Javascript 代码，但是我似乎无法让它工作，它应该从我的 API 中提取访问，该 API 连接到我的 Lambda 函数和 DynamoDB。 它给了我以下错误：

(index):1 Access to fetch at 'api link here ' from origin 'origin here' has been blocked by CORS policy:

No 'Access-Control-Allow-Origin' header is present on the requested resource. 
If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

我通过在 Google Chrome 上安装 CORS 移除程序解决了这个问题，但是它给了我这个错误：

VM37:4 Visitor Count:undefined
VM37:7 Uncaught (in promise) TypeError: Cannot set property 'innerHTML' of null
    at <anonymous>:7:54

有谁知道如何修复这个错误并让我的 JS 从我的 API 链接中提取信息，我将不胜感激。 代码如下。

fetch('api link here')
   .then(function(sitevisits)
   {
   console.log("Visitor Count:" +
sitevisits.visits);

document.querySelector("#Visitors-text").innerHTML = "Total Visitors"+  
sitevisits.visits;   
 });

Answer 1

您需要启用 CORS：

fetch(request, {mode: 'cors'});

那就这样做吧：

fetch('api link here', {mode: 'cors'})
   .then(function(sitevisits)
   {
   console.log("Visitor Count:" +
sitevisits.visits);

document.querySelector("#Visitors-text").innerHTML = "Total Visitors"+  
sitevisits.visits;   
 });

对于您的第二个错误，"#Visitors-text" 未找到，请检查具有此 id 的元素是否存在。