使用axios的React-native提出Api GET请求

时间:2020-04-16 10:21:52

标签: react-native axios

我正在尝试使用youTube API密钥和axios库发出API GET请求, 出于某种原因,当我尝试搜索词时,收到“请求失败,代码400”。 目前,该术语已经过硬编码。

import axios from 'axios';

const KEY='AIzaSyA-H5ldZKCY9O-M7xiw9pz1GGh0Rs';

export default axios.create({
    baseURL:'https://www.googleapis.com/youtube/v3',
    headers:{
        part:'snippet',
        type:'video',
        maxResults: 5,
        key:KEY
    }
});

用户按下提交时将执行的功能:

    const handelSearch = async ()=>{
        const response = await youTube.get('/search',{
            params:{
                q:'dog'
            }
        })
        setItems(response.data.items);
    };

1 个答案:

答案 0 :(得分:0)

尝试

export default axios.create({
  baseURL:'https://www.googleapis.com/youtube/v3',
});

const handelSearch = async ()=>{
  const response = await youTube.get('/search',{
      params:{
        part:'snippet',
        type:'video',
        maxResults: 5,
        key:KEY,
        q:'dog'
      }
  })
  setItems(response.data.items);
};

您必须从axios create中删除标头,然后将所有参数移到

并确保您的密钥正确