使用Axios反应Yelp API调用

时间:2018-10-11 02:30:52

标签: reactjs api get axios yelp

我一直在想办法解决这个问题。我正在尝试使用axios调用Yelp的API,但是出现以下错误。

  

选项https://api.yelp.com/v3/businesses/search 403   无法加载https://api.yelp.com/v3/businesses/search:的响应   预检没有HTTP正常状态。

我通过使用Chrome扩展名关闭了CORS来解决了CORS问题。我已经用Postman成功地测试了API请求,因此我使用的Bearer令牌或URL没有任何问题。

下面是我用来调用API的代码。

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import axios from 'axios';

const config = {
  headers: {'Authorization': 'Bearer token'},
};

class Results extends Component {
    constructor(props) {
        super(props);
        this.state = {
            error: null,
            isLoaded: false,
            items: []
        };
    }


    componentWillMount() {
        axios.get('https://api.yelp.com/v3/businesses/search', config)
        .then(response => console.log(response));
    }

0 个答案:

没有答案