Axios GETリクエストエラー

Question

私はJotForm APIシステムを使用するVue.jsアプリケーションをコーディングしていますが、ApiKeyでget要求を使用中にエラーが発生しています。ここで

は、私の要求コードです：

axios.get('https://api.jotform.com/user/forms', { 
    headers: { 
    'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8', 
    'APIKEY': state.apiKey 
    } }).then(response => { 
    console.log(response) 
}).catch((error) => { 
    console.log(error) 
}) 

そして、これはエラーメッセージです：

リクエストヘッダフィールドAPIKEYは、プリフライト応じて、アクセス制御 - 許可 - ヘッダによって許可されていない

ウェブで検索し、さまざまなヘッダーを追加しようとしました。いずれも成功しません。同じgetリクエストもPostmanと完全に機能します。

Answer 1

Chromeが別のドメインURLにリクエストをブロックする方法の1つは、CORSプラグインをChromeに追加し、あなたのローカル環境での作業を可能にすることです。

https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi

生産のためには、プロキシのような別の解決策を試してみてください。