可以在浏览器中访问Google api，但未经javascript授权

如果我在浏览器中放置以下url：

{My_API_KEY}

它工作正常，但是，当我尝试使用angular获取此信息时，会出现未经授权的错误：

$http.get("https://www.googleapis.com/youtube/v3/search?part=snippet&q=algebra&key={MY_API_KEY}");

此外，我的密钥设置为“允许任何引用”

---

为什么这是一种方式，而不是另一种方式？

我有一个httpInterceptor设置，用于将我的请求注入到我以前设置的api的授权头中。这导致请求未定义。我将拦截器更改为将授权设置为未定义，然后它就开始工作了。

当您在浏览器中打开它时，您可以直接访问文件。当您尝试从代码中执行此操作时，您必须考虑CORS和跨域调用

您需要做的是使用

jsonp

$http.get("https://www.googleapis.com/youtube/v3/search?
part=snippet&q=algebra&key={MY_API_KEY}&callback=JSON_CALLBACK");