javascript - 使用 Youtube API key 进行搜索时如何解决错误 403()？

Question

虽然在我的代码中使用了 API key ，但我在搜索和页面加载时遇到了这些错误......

这是我的代码

var gapikey = 'MYKEY';


$(function() {
    
    // call fancybox pluggin
    $(".fancyboxIframe").fancybox({
        maxWidth    : 900,
        maxHeight    : 600,
        fitToView    : false,
        width        : '90%',
        height        : '90%',
        autoSize    : false,
        closeClick    : false,
        openEffect    : 'none',
        closeEffect    : 'none',
        iframe: {
            scrolling : 'auto',
            preload   : true
        }
    });
    
    $('#search-form').submit( function(e) {
        e.preventDefault();
    });
});

function searchYoutube() {
    // clear 
    $('#results').html('<i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i><span class="sr-only">Loading...</span>');
    $('#buttons').html('');
    
    // get form input
    q = $('#search').val();  // this probably shouldn't be created as a global
    
    // run get request on API
    $.get(
        "https://www.googleapis.com/youtube/v3/search", {
            part: 'snippet, id',
            q: q,
            type: 'video',
            key: gapikey
        }, function(data) {
            var nextPageToken = data.nextPageToken;
            var prevPageToken = data.prevPageToken;
            
            // Log data
            console.log(data);
            $('#results').html('');
            $.each(data.items, function(i, item) {
                
                // Get Output
                var output = getOutput(item);
                
                // display results
                $('#results').append(output);
            });
            
            var buttons = getButtons(prevPageToken, nextPageToken);
            
            // Display buttons
            $('#buttons').append(buttons);
        });
}

我很困惑，无法解决问题。你可以吗？我创建了我的搜索引擎，但由于这个原因，我无法从我的引擎中获得所需的结果。

Answer 1

您需要指定一个允许访问 Google Api 的引荐来源网址。此推荐人设置为 http://console.developers.google.com并且它必须等于发出请求的站点。所以你需要更改 referrer 或者你需要更改服务器域。

最简单的方法是将 refferrer 设置为 * wich 意味着 all。