Javascript 本地主机的SoundCloud身份验证问题

这里是Javascript和SC API初学者。下面是API页面上的一个非常基本的示例：

我知道以前有人问过这个问题，但我花了几个小时尝试他们（可能过时了？）的解决方案，但没有一个对我有效

我的问题是弹出窗口（callback.html）没有关闭。有一个错误：

未捕获安全性错误：阻止来源为127.0.0.1的帧（假设前面有一个“http://”的帧）访问来源为“null”的帧。请求访问的帧具有“http”协议，正在访问的帧具有“file”协议。协议必须匹配

我认为这里有两个问题，对吗

在callback.html文件中，window.opener.SC.connectCallback返回null，因此setTimeout（）函数无法工作

不能以这种方式在本地服务器上托管callback.html文件

那么，在哪里可以托管callback.html文件进行开发呢？ 我已经在本地web服务器上托管了callback.html文件（在文件夹C:\inetpub\wwwroot中）并注册了我的应用程序

我尝试将重定向uri设置为“127.0.0.1//callback.html”和“localhost/callback.html”，但两者都会导致相同的问题。假设这两个链接前面都有一个“http://”（因此不允许我发布超过2个链接）

这是我的密码：

SC.initialize({
    client_id: "xxxxxxxxxxxxxxxxxx",
    redirect_uri: "http://localhost/callback.html"
});
$(document).ready(function(){
    // initiate authentication popup
    $('#connectImg').on('click',function(){
         SC.connect(function() {
        // This gets the authenticated user's username
            SC.get('/me', function(me) { 
                alert('Hello, ' + me.username);
                console.log('Hello, ' + me.username);
            });
        });
    });
});