"重定向已被CORS政策阻止" Vue Axios

时间:2018-02-10 07:16:05

标签: vue.js cors axios

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

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

  

重定向来自' https://api.coinmarketcap.com/v1/ticker'至   ' https://api.coinmarketcap.com/v1/ticker/'已被CORS阻止   政策:否'访问控制 - 允许 - 来源'标题出现在   请求的资源。起源' 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获取的其他网站,所以它是可能的。它不应该那么困难......

1 个答案:

答案 0 :(得分:4)

我通过在API请求结束时添加斜杠(/)来解决我的问题。我在我的控制台日志中得到了同样的警告,但它现在正在运行。