如何使用 api_key 使 API 请求 javascript 代码？

Question

我在 Python 中提出了 API 请求。

import requests

key = 'my key'

params = {
  "file1" : 'file'
}

headers = {
  "Authorization" : "Bearer {}".format(key)
}

r = requests.get('url', params=params, headers=headers)

json_response = r.content.decode("utf-8", "ignore")
writeFile =open('samples.json', 'w')
writeFile.write(json_response)
writeFile.close()
print(r.json())

我想使用 ajax 在 javascript 中发出 API 请求，

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function (){
    var key = 'my key';
    $.ajax({
        type : 'GET',
        url : 'url',
        headers: {'Authorization': "Bearer "+ (key)},
        data : {"file1" : 'files'}
        ,success : function(result){
            console.log(result);
        }
    })

})
</script>

但它不适用于此错误。

从来源' http://127.0.0.1:5500 '访问'url?file1=files'处的XMLHttpRequest已被CORS策略阻止：对预检请求的响应未通过访问控制检查：否'Access-Control-Allow -Origin' header 出现在请求的资源上。

服务器返回此状态

“选项 url?file1=文件 HTTP/1.1” 200 -

我应该怎么办？

Answer 1

你可以这样做，取出你的密钥和 header 代码，看看是否仍然存在相同的消息，如果是，你可能会意识到这个问题应该在应用程序后端（服务器端）通过管理 cors 访问来解决，如果您没有后端访问权限，请尝试使用名为“CORS Everywhere”的 mozzila 浏览器 (firefox) 的扩展，将其打开并重试，但请记住这只是解决此问题的临时方法。 祝你好运