如何使用 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) 的擴展，將其打開並重試，但請記住這只是解決此問題的臨時方法。 祝你好運