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)
})

这是错误信息：

预检响应中的 Access-Control-Allow-Headers 不允许请求标头字段 APIKEY

我在网上搜索并尝试添加各种标题。他们都没有成功。同样的 get 请求也适用于 Postman。

Answer 1

Chrome 阻止对不同域 URL 的请求，一种选择是将 CORS 插件添加到 Chrome 并启用在您的本地环境中工作。

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

对于生产，您应该尝试不同的解决方案，例如代理。