使用 Angular 工厂连接到 API 端点

Question

我正在尝试通过最简单的 AngularJS sn-p 连接 API 端点，但有一些问题阻止了我。

这是我的控制器：

app.controller('appController', ['$scope', 'skills',
 function($scope, skills) {
 skills.success(function(data) {
  $scope.skillsList = data;
});
  }
]);

还有我的工厂：

app.factory('skills', ['$http', function($http) { 
  return $http.get('https://www.persevy.com/skills') 
        .success(function(data) { 
          return data; 
        }) 
        .error(function(err) { 
          return err; 
        }); 
}]);

我什至为此准备了Plunkr，但也没有成功，请告诉我上面代码的问题在哪里。

Answer 1

在 app/controllers/application_controller.rb 中的 RoR API 中：

before_filter :add_allow_origin_headers

def add_allow_origin_headers                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
  response.headers['Access-Control-Allow-Origin'] = request.headers['Origin'] || '*'                                                                                                                                                                                                                         
end 

或者你可以使用gem，称为rack-cors

#Gemfile
gem 'rack-cors'

#config/application.rb
config.middleware.use Rack::Cors do
   allow do
     origins '*'
     resource '*', :headers => :any, :methods => [:get, :post, :options]
   end
end

这将允许来自不同应用程序的请求，为您解决问题。
有关rack-cors gem 的更多信息here

Answer 2

您的问题似乎与 CORS 有关：基本上，如果服务器端不允许使用 Ajax，您将无法通过 Ajax 访问域。这是大多数现代浏览器上的“安全”功能。使用curl 或Postman chrome 的扩展等命令行不会遇到这个问题。

如果您拥有域 https://www.persevy.com/，请确保在 Access-Control-Allow-Origin 标头以及 http 动词（GET、POST、PUT... 或* 用于每个 http 方法）。

如果您使用的是 API，您应该在文档中找到与此相关的内容。

编辑

我对 RoR 有点生疏，但从我的谷歌搜索来看，您可以使用 rails-cors gem，或尝试 this gist。

基本上，归结为将以下两个标头添加到服务器的响应中：

Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: *