Lyft-API -从本地主机获取

Question

我一直在努力弄清楚如何让这个Vue项目与Lyft API一起工作。我已经成功地从三条腿的过程中创建了一个Auth令牌，但是我无法从https://api.lyft.com/v1/ridetypes获得可用的驱动器类型localhost:8080端点。这对邮递员是有效的。

它不断指出：

CORS策略阻止了从源'https://api.lyft.com/v1/ridetypes?lat=37.7752315&lng=-122.418075‘访问https://api.lyft.com/v1/ridetypes?lat=37.7752315&lng=-122.418075的策略:对飞行前请求的响应不通过访问控制检查:请求的资源上不存在“访问控制-允许-原产地”报头。

我曾尝试使用vue.config.js文件执行代理：

module.exports = {
    devServer: {
        proxy: {
            '/lyftapi': {
                target: 'https://api.lyft.com/v1',
                ws: true,
                changeOrigin: true
            }
        }
    }
}

我在Stack溢出的其他地方，这是最接近我的问题，但没有答案。

CORS error in Lyft API started recently

有什么建议吗？

Axios Get

axios.get('/ridetypes', {
    baseURL: 'https://api.lyft.com/v1',
    headers: {
        'Authorization': this.lyftToken,
    },
    params: {
        lat: lat.toString(),
        lng: long.toString()
    }
})

如果这有什么意义的话，我就能成功地接到电话来取回优步的产品，但这并不意味着它就是八月的象征(除非它是邮差提供的)。

Answer 1

Lyft-API禁用了CORS，这意味着浏览器将阻止对api.lyft.com的调用。

Vue将无法对此进行任何处理，因为这是一个浏览器安全策略。

幸运的是，没有什么可以阻止您从您自己的服务器进行此调用。

一种解决方案是使用自己的服务器转发请求和响应。您调用服务器，服务器调用lyft，等待响应，然后响应您的请求。

这是，而不是vue唯一的解决方案。