调用YouTube API返回403 AxiosError错误问题求助

核心报错原因 #

• Axios实例配置写法错误：axios.create() 根层级的part、maxResult、key不属于Axios内置的合法配置项，发起请求时这些字段不会被自动拼接到请求URL的查询参数中，最终到达YouTube服务器的请求缺失必填鉴权参数key和接口要求的part参数，直接被服务端拒绝返回403。
• 参数拼写错误：YouTube Data API v3 中控制单页返回结果数量的参数名为maxResults（末尾带s），代码中写的maxResult是无效参数。
• 其他可触发403的场景：
  • 代码中KEY字段仍为<API_KEY>占位符，未替换为谷歌云控制台生成的有效API密钥
  • 对应API密钥未开通YouTube Data API v3的访问权限
  • 密钥配置了HTTP来源/IP限制，本地localhost开发环境不在允许访问的范围内
  • 密钥的YouTube Data API每日调用配额已耗尽（默认每日配额10000单位，单次搜索请求消耗100单位，超额后直接返回403）

修复步骤 #

1. 修正Axios实例配置，将所有接口查询参数放入params配置项中，Axios会自动将该字段下的内容拼接为URL查询参数，同时修正参数拼写错误，替换有效API密钥：

import axios from "axios";

// 替换为自己的有效API密钥，不要保留<API_KEY>占位符
const KEY = "你的实际YouTube Data API密钥"

export default axios.create({
    baseURL: 'https://www.googleapis.com/youtube/v3',
    // 所有查询参数必须放在params字段内
    params: {
        part: 'snippet',
        maxResults: 10, // 修正拼写，补全末尾的s
        key: KEY
    }
})

2. 进入谷歌云控制台，确认当前使用的密钥已启用YouTube Data API v3服务，新创建的密钥默认不会自动开通该API权限。
3. 若密钥配置了访问来源限制，开发阶段可临时将localhost/*加入允许来源列表，或暂时关闭来源限制验证功能是否正常。
4. 前往谷歌云API配额页面，查看YouTube Data API v3的当日配额使用情况，若已耗尽可等待次日配额重置，或提交配额提升申请。

内容的提问来源于stack exchange，提问作者Ayock Daniel