ReactJS- Youtube Data API 请求错误400

Question

我正在使用 YouTube 数据 API。我确实设置了参数但是当从开发人员工具打开网络时它显示错误：'Required parameter:part'

axios代码-

import axios from 'axios';

const KEY='[my key]'

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

发送API请求的回调函数

termSearch= (term)=>
    {   
        console.log(term)
        youtube.get('/search',{
            params:
            {
                q:term
            }
        })

我预计会收到 JSON 响应，但控制台显示- Error:GET https://www.googleapis.com/youtube/v3/search?q=asdas 400

Answer 1

Axios 上似乎存在一个未解决的问题，其中请求参数未与实例参数合并。因此，您的 axios.create(...) 中的 params 对象未在您的回调中正确使用。

也许您可以尝试将 Axios 降级到版本：0.18.1 直到修补程序被打上补丁？这似乎是其他人在此特定时间及时使用的解决方法。

希望对您有所帮助！

Answer 2

在q参数之前的回调函数中添加所有来自axios代码的Param代码参数，你的回调函数应该是这样的：

termSearch= (term)=>
    {   
        console.log(term)
        youtube.get('/search',{
            params:
            {
             part:'snippet',
        maxResults:5,
        key: 'your_Api_KEY'
                q:term
            }
        })

并且不要更改您的 Axios 代码。应该是这样

import axios from 'axios';
const KEY='[my key]'
export default axios.create({
        baseURL:'https://www.googleapis.com/youtube/v3',
        params:
        {
            part:'snippet',
            maxResults:5,
            key: KEY
        }
    })

ReactJS- Youtube Data API 请求错误400

ReactJS- Youtube Data API request error 400

http-status-code-400

reactjs

youtube-data-api

axios