使用YouTube Data API遇400错误：缺少必填参数part

看起来你的问题出在Axios实例的默认参数没有和请求时的参数正确合并，导致API请求里缺失了必填的part参数（连带着key和maxResults也没被带上）。

问题分析 #

你在创建Axios实例时已经配置了默认的params，但调用youtube.get('/search')时，传入的params对象没有和默认参数合并——某些Axios版本或配置场景下会出现这个问题，最终导致请求URL里只有q参数，完全漏掉了实例里的默认配置。

解决方案 #

1. 强制合并默认参数与请求参数

修改你的termSearch函数，手动展开实例的默认参数并和新的q参数合并：

termSearch = (term) => {
  console.log(term);
  youtube.get('/search', {
    params: {
      // 展开实例默认的params配置
      ...youtube.defaults.params,
      q: term
    }
  })
  .then(response => {
    // 处理返回的JSON数据
    console.log(response.data);
  })
  .catch(err => {
    console.error("请求出错：", err);
  });
}

2. 显式传入所有必填参数

如果不想依赖默认参数的合并逻辑，也可以直接在请求中写全所有需要的参数：

termSearch = (term) => {
  console.log(term);
  youtube.get('/search', {
    params: {
      part: 'snippet',
      maxResults: 5,
      key: KEY,
      q: term
    }
  })
  .then(response => {
    console.log(response.data);
  })
  .catch(err => {
    console.error("请求出错：", err);
  });
}

3. 升级Axios版本

如果以上方法无效，可能是你的Axios版本过旧，参数合并逻辑存在bug。可以升级到最新版本：

npm install axios@latest

另外提醒一下：你原来的代码没有处理Promise的结果（缺少.then()和.catch()），就算请求成功也看不到返回的JSON响应哦，记得加上这部分逻辑。

内容的提问来源于stack exchange，提问作者Jack Giratina