"Redirect has been blocked by CORS policy" Bois Axios

Question

请不要将其标记为重复。我已经阅读了有关堆栈溢出的所有相关答案，但尚未针对此问题找到明确的解决方案。

我现在正在使用带有 axios 的 vue 服务器来尝试从 https://coinmarketcap.com 获取数据并显示它。问题是我在 chrome 控制台中收到一条错误消息：

Redirect from 'https://api.coinmarketcap.com/v1/ticker' to 'https://api.coinmarketcap.com/v1/ticker/' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://mywebsite.ca' is therefore not allowed access.

我的功能尽可能准系统，符合文档和在线教程。在我的 vue 组件脚本部分：

methods: {
      async getCryptos() {
        await axios.get('https://api.coinmarketcap.com/v1/ticker').then((resp) => {
          this.response = resp.data
        }).catch((err) => {
          this.response = err
        })
      }
    },
    beforeMount () {
      this.getCryptos()
    }

我已经阅读了无数关于这个主题的文档，但还没有找到明确的答案。我不知道要包含什么 headers 但我尝试了很多配置组合。有人可以简洁地解释我需要在这里做什么吗？我知道其他网站从 coinmarketcap 获取，所以这是可能的。应该没有那么难...

Answer 1

我通过在 API 请求末尾添加斜杠 (/) 解决了我的问题。我一直在我的控制台日志中收到相同的警告，但它现在可以正常工作了。

"Redirect has been blocked by CORS policy" Bois Axios

"Redirect has been blocked by CORS policy" Vue Axios

cors

vue.js

axios