“重定向已被 CORS 策略阻止”Vue Axios答案

【问题标题】："Redirect has been blocked by CORS policy" Vue Axios“重定向已被 CORS 策略阻止”Vue Axios
【发布时间】：2018-07-20 22:58:28
【问题描述】：

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

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

从“https://api.coinmarketcap.com/v1/ticker”重定向到 'https://api.coinmarketcap.com/v1/ticker/' 已被 CORS 阻止政策：没有“Access-Control-Allow-Origin”标头出现在请求的资源。原点 'http://mywebsite.ca' 因此不是允许访问。

我的功能尽可能简单，符合文档和在线教程。在我的 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()
    }

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

【问题讨论】：

您是否尝试在请求中添加斜杠以避免重定向？
哦....我的....天...如果你发帖会给你答案）
别担心。我们都会时不时地想念这样的东西。这是工作的一部分！大声笑
XMLHttpRequest cannot load https://www.[website].com/的可能重复

标签： vue.js cors axios

【解决方案1】：

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

【讨论】：