Vue.js Lyft API-从本地主机获取

Vue.js Lyft API-从本地主机获取,vue.js,axios,lyft-api,Vue.js,Axios,Lyft Api,我一直在试图找出如何让这个Vue项目与Lyft API一起工作。我已经能够从三条腿的过程中成功地获得一个Auth令牌,但是我无法获得可用的驱动器类型https://api.lyft.com/v1/ridetypes本地主机的端点:8080。这对邮递员很管用 它一直说: 访问位于的XMLHttpRequest '' 来自源“”已被CORS策略阻止: 对飞行前请求的响应未通过访问控制检查:否 “Access Control Allow Origin”标头出现在请求的服务器上 资源 我曾尝试使用vue

我一直在试图找出如何让这个Vue项目与Lyft API一起工作。我已经能够从三条腿的过程中成功地获得一个Auth令牌,但是我无法获得可用的驱动器类型
https://api.lyft.com/v1/ridetypes
本地主机的端点:8080。这对邮递员很管用

它一直说:

访问位于的XMLHttpRequest '' 来自源“”已被CORS策略阻止: 对飞行前请求的响应未通过访问控制检查:否 “Access Control Allow Origin”标头出现在请求的服务器上 资源

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

module.exports = {
    devServer: {
        proxy: {
            '/lyftapi': {
                target: 'https://api.lyft.com/v1',
                ws: true,
                changeOrigin: true
            }
        }
    }
}
我已经了解了堆栈溢出的其他部分,这是最接近我的问题,但没有答案

有什么建议吗

Axios获得呼叫

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

如果这意味着什么的话,我能够成功地调用GET来检索Uber产品,但是没有那么多Auth令牌(除非它来自Postman)。

Lyft-API已经禁用了CORS,这意味着浏览器将阻止对
API.Lyft.com
的调用

Vue将无法对此执行任何操作,因为这是一项浏览器安全策略

幸运的是,没有什么可以阻止您从自己的服务器拨打此电话

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


这不是仅vue的解决方案,Lyft API已禁用CORS,这意味着浏览器将阻止对
API.Lyft.com
的调用

Vue将无法对此执行任何操作,因为这是一项浏览器安全策略

幸运的是,没有什么可以阻止您从自己的服务器拨打此电话

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


这不是一个仅适用于vue的解决方案

我认为我可以用Node.js实现这一点?是的,你可以用NodeJS实现这一点。我只是想确认一下我已经用REST API在Node.js上实现了。再次感谢。我很高兴听到这个消息。我认为我可以用Node.js来做这件事?是的,你可以用nodejs来做这件事。我只是想确认一下,我在Node.js上使用了REST API。再次感谢,听到这个消息我很高兴。