rails响应跨域请求在本地开发，发现应用程序开发

Question

因此，我正在开发一个spotify应用程序，试图让它与我的本地rails应用程序API交谈。 当我尝试它时，我无法得到除req.status 0之外的任何东西。

我认为它是spotify manifest.json文件的一个问题，不允许port：3000进入你在所需权限中设置的url，但它也在他们的文档中说明了以下内容。

https://developer.spotify.com/technologies/apps/tutorial/

如果您需要与外部Web API通信，只要您遵守集成指南中规定的规则，即可。 请注意，在与Web API交谈时，请求将来自原始sp：// $ APPNAME（因此sp：//示例教程） - 确保您正在与之交谈的服务接受来自此类来源的请求。

所以，我不确定rails是否设置为不允许这种事情，或者它是否将端口置于所需权限中的问题，但我的请求

  var req = new XMLHttpRequest();
  req.open("GET", "http://127.0.0.1:3000/api/spotify/track/1.json", true);
  console.log(req);
  req.onreadystatechange = function() {

  console.log(req.status);
  console.log(req.readyState);
  if (req.readyState == 4) {
    if (req.status == 200) {
       console.log("Search complete!");
       console.log(req.responseText);
    }
    }
};

req.send();

始终返回状态0作为示例：

var req = new XMLHttpRequest();
req.open("GET", "http://ws.audioscrobbler.com/2.0/?method=geo.getevents&location=" + city + "&api_key=YOUR_KEY_HERE", true);

req.onreadystatechange = function() {

    console.log(req.status);

    if (req.readyState == 4) {
      console.log(req);           
        if (req.status == 200) {
            console.log("Search complete!");
            console.log(req.responseText);
        }
    }
};

req.send();

至少会返回403响应。 它就像请求没有被制作或什么？

任何人都知道可能会发生什么？

非常感激！

Answer 1

当与Spotify应用程序中的外部服务交谈时，即使它们在本地计算机上运行，​​您也需要确保正确地准备好两件事：

• URL（或至少是主机）位于清单的RequiredPermissions部分中。 港口没关系。 http://127.0.0.1应该适用于您的情况。

• 服务器允许sp://your-app-id来源请求，如您在问题中粘贴的文档中所述。 这是通过在服务的HTTP响应中设置Access-Control-Allow-Origin标头来完成的。 人们经常将其设置为Access-Control-Allow-Origin: *以允许任何内容向其服务发出请求。

Answer 2

感谢您的帮助，我弄明白了，我认为这是多方面的事情，其中​​一个主要因素是一个白痴时刻

首先，我必须在端口80上运行rails，显然如果我从127.0.0.1:3000访问我的网站，如果spotify应用程序请求127.0.0.1则不会起作用，除非我可以直接在浏览器中加载它，你不能，除非你跑80.这是通过

rvmsudo rails server -p 80

需要使用rvmsudo，因为更改端口需要权限。

接下来我必须设置访问控制允许来源，如上所述，可以通过在过滤器之前添加到您的应用控制器，如下所示在rails 3中完成。

class ApplicationController < ActionController::Base

  logger.info "I SEE REQUEST"

  before_filter :cor

  def cor
    headers["Access-Control-Allow-Origin"] = "*"
    headers["Access-Control-Allow-Methods"] = %w{GET POST PUT DELETE}.join(",")
    headers["Access-Control-Allow-Headers"] = %w{Origin Accept Content-Type X-Requested-With X-CSRF-Token}.join(",")
    head(:ok) if request.request_method == "OPTIONS"
  end
end

最后，也是最重要的（叹气），当你对清单文件进行更改时，你不能再点击并重新加载你的spotify应用程序，完全退出spotify并重新启动它！