Javascript Angular/YouTube API v3:401搜索时出现无效凭据错误

仍在学习，所以请温柔一点

当我第一次创建并添加YouTube API密钥时，我成功地获得了搜索结果。然而，第二天，它停止工作，并给我一个401错误消息“无效凭据”

我在这里看到了一些关于必须添加OAuth的问题，但我认为这不适用于我，因为我只搜索和播放视频。。。对吧?

我一直在用它作为向导，效果很好。我不确定我做了什么不同

这是我的控制器，带有

$http.get

进行搜索

var youtubeAPIKey = "AIzaSyA4EF_e56jFBfRPBx57wkzN2ppKudMcZvk";

$scope.search = function() {
  $http.get('https://www.googleapis.com/youtube/v3/search', {
    params: {
      key: youtubeAPIKey,
      type: 'video',
      maxResults: '20',
      part: 'id,snippet',
      videoCategoryId: '10',
      q: this.query
    }
  })
  .success(function(data) {
    console.log(data);
    $scope.searchResults = data;
  })
  .error(function(err) {
    console.log(err);
  });
}

不确定这是否重要，但这里是搜索HTML

<div class="search-box">
  <form ng-submit="search()">
    <input type="search" placeholder="It's your turn! Search for a song to add"
    ng-model="query" />
  </form>
</div>
<div class="search-results" ng-if="searchResults">
  <ul>
    <li class="list-item"
      ng-repeat="result in searchResults.items" 
      ng-click="add(result.id.videoId, result.snippet.title)">
      <div class="song-info">{{result.snippet.title}}</div>
      <button class="player-btn glyphicon glyphicon-headphones"
        ng-click="preview(result.id.videoId, result.snippet.title)">   
      </button>
      <button class="player-btn glyphicon glyphicon-plus"></button>
    </li>
</ul>

---

首先，我要检查您是否可以通过RESTful控制台（例如）、CURL或仅仅从浏览器发出请求。例如，从命令行运行：

$ curl -XGET https://www.googleapis.com/youtube/v3/search?key=<API_KEY_HERE>\&part=id,snippet

$curl-XGEThttps://www.googleapis.com/youtube/v3/search?key=\&part=id，代码段

或者只需从浏览器：

https://www.googleapis.com/youtube/v3/search?key=<API_KEY_HERE>&part=id,snippet

https://www.googleapis.com/youtube/v3/search?key=&part=id一小条

---

这将至少隔离问题是与角度有关还是与端点/请求有关

我首先检查您是否可以通过RESTful控制台（例如）、CURL或仅从浏览器发出请求。例如，从命令行运行：

$ curl -XGET https://www.googleapis.com/youtube/v3/search?key=<API_KEY_HERE>\&part=id,snippet

$curl-XGEThttps://www.googleapis.com/youtube/v3/search?key=\&part=id，代码段

或者只需从浏览器：

https://www.googleapis.com/youtube/v3/search?key=<API_KEY_HERE>&part=id,snippet

https://www.googleapis.com/youtube/v3/search?key=&part=id一小条

---

这将至少隔离问题是与角度有关还是与端点/请求有关

我可以使用您发布的URL返回结果，但是如果我尝试添加查询或类别，例如：

https://www.googleapis.com/youtube/v3/search?key=AIzaSyA4EF_e56jFBfRPBx57wkzN2ppKudMcZvk&part=id,snippet&q=kanye

我收到一个403错误，消息是

在您的API密钥上配置了每个IP或每个引用限制，请求与这些限制不匹配。如果允许来自此IP或referer的请求，请使用Google开发者控制台更新API密钥配置。

此外，我没有HTTP referer设置。我试图将OAuth添加到它，但我得到了相同的“无效凭据”错误。听起来你没有设置正确的Youtube API密钥（看起来你需要一个）。我建议设置一个，并使用新的API键发出相同的请求，看看您是否能够克服错误。我可以使用您发布的URL返回结果，但如果我尝试添加查询或类别，例如：

https://www.googleapis.com/youtube/v3/search?key=AIzaSyA4EF_e56jFBfRPBx57wkzN2ppKudMcZvk&part=id,snippet&q=kanye

我收到一个403错误，消息是

在您的API密钥上配置了每个IP或每个引用限制，请求与这些限制不匹配。如果允许来自此IP或referer的请求，请使用Google开发者控制台更新API密钥配置。

此外，我没有HTTP referer设置。我试图将OAuth添加到它，但我得到了相同的“无效凭据”错误。听起来你没有设置正确的Youtube API密钥（看起来你需要一个）。我建议设置一个，并使用新的API密钥发出相同的请求，看看您是否能够克服错误。您有没有发现这一点？我也犯了同样的错误你知道吗？我也有同样的错误