javascript - 使用 axios 在 VueJS 中进行预检请求

Question

我在从 meetup API 获取响应方面遇到了一些困难。我收到的错误:

对预检请求的响应未通过访问控制检查:请求的资源上不存在“Access-Control-Allow-Origin” header 。因此，不允许访问源“http://localhost:8080”。

这是我的代码:

var config = {'Access-Control-Allow-Headers': 'Authorization'}

axios.get(`https://api.meetup.com/self/calendar?&sign=true&photo-host=public&page=20`, {headers: config})
.then(response => {
  console.log(response.data)
  this.posts = response.data
})
.catch(e => {
  this.errors.push(e)
})

我在这里阅读了一些关于 CORS 的内容 Cross-Origin Resource Sharing (CORS)但我所有让它发挥作用的尝试都失败了。

你们中有人能解释一下吗？

谢谢

马努

Answer 1

您的 API 不在同一主机上提供。使用 nginx 等反向代理或使用 cors toggle extension .