在React中使用Axios时出现403错误

Question

嘿，StackOverflow的好人，

我正在创建一个使用Google API的React应用，当我使用自己构建的搜索工具时遇到403错误，这是以下代码：

import axios from 'axios'; 

const KEY = 'API KEY';

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

这是我的React项目的API组件，在我的App.js中，回调如下所示：

import React from 'react'; 
import SearchBar from './SearchBar';
import youtube from '../apis/youtube'; 

class App extends React.Component {
    onTermSubmit = (term) => {
    youtube.get('/search', {
    params: {
        q: term 
      }
    });
};

我认为这可能是EventHandler中未进行“提交”操作的事件之一，但事实并非如此，因为我能够查看开发控制台并隔离了网络中的XHR请求，这就是事实我得到了：

Request URL: http://www.googleapis.com/youtube/v3/search?part=snippet&maxResults=5&key=MYAPIKEY
Request Method: GET
Status Code: 403 Forbidden

任何帮助将不胜感激，谢谢大家。