vue.js - "Redirect has been blocked by CORS policy"Vue 公理

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

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

Answer 1

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