“缺少CORS标头'Access-Control-Allow-Origin'”：调用部署的AWS Api网关时

Question

我正在尝试使用部署在aws云上的一个宁静的api，它返回一个Json，我希望使用javascript在浏览器中显示json。 但是我没有做到这一点。 以下是我的index.html和hello.js文件：

//index.html

    <!DOCTYPE html>
<html>
    <head>
        <title>Hello jQuery</title>

        <script src="hello.js"></script>
    </head>

    <body>
        <div>
            <p class="greeting-id">The ID is </p>
            <p class="greeting-content">The content is </p>
        </div>
    </body>
</html>

//hello.js

    var xhr = new XMLHttpRequest();
    xhr.open("get", "https://xxxxxx.execute-api.us-west-2.amazonaws.com/dev",  true);
    xhr.onload = function(){  
    //do something
   };
xhr.send(null);

任何帮助将不胜感激，我是新来的。 提前致谢。

Answer 1

首先，您需要在服务器的.config文件中允许访问控制。

其次，您可以使用http或jQuery ajax get获取数据并将其分配给jsonStr之类的东西

最后，在您的函数中，执行var jsonStr = JSON.stringify（jsonVar）; document.getElementsByClassName（'greeting-content'）。innerHTML = jsonStr;

“缺少CORS标头'Access-Control-Allow-Origin'”：调用部署的AWS Api网关时

问题描述

1 个解决方案

解决方案1
0 已采纳 2017-03-21 12:28:19

“缺少CORS标头&#39;Access-Control-Allow-Origin&#39;”：调用部署的AWS Api网关时

问题描述

1 个解决方案

解决方案1 0 已采纳 2017-03-21 12:28:19

“缺少CORS标头'Access-Control-Allow-Origin'”：调用部署的AWS Api网关时

解决方案1
0 已采纳 2017-03-21 12:28:19