发送Angular的获取请求到Origin http:// localhost:3000

Question

我是Angular JS的新手。在这里，我试图用" http：//localhost：3000/"来调用Rails Server的API。我有

的错误

对飞行前请求的响应不会传递访问控制检查：否 '访问控制 - 允许 - 原始'

我添加了" Cors" Chrome扩展名来修复它。现在问题是我的请求传递给Localhost：3000 AS [options]，我希望它作为获取请求。

'use strict';
angular.module('dayton')
.service('foodCategoryService', ['$http', '$window', 'authService', 'Upload',
  function($http, $window, authService, Upload){
        var field = {};
      field.getFields = function (){
        console.log("---------foodCategoryService")
        return $http.get('http://localhost:3000/api/list_food_category',  {
          headers: {Authorization: authService.getToken()}
        })
        .then(function(response) {
          return response;
        }, function(x) {
          $scope.authError = 'Server Error';
        });
      };
        return field;
  }]);

ActionController :: RoutingError（无路由匹配[选项] "/api/list_food_category"）：

任何帮助都将受到赞赏

Answer 1

修改您的应用程序config

angular.module('dayton').config(function($httpProvider){
    $httpProvider.defaults.headers.common = {};
    $httpProvider.defaults.headers.post = {};
    $httpProvider.defaults.headers.put = {};
    $httpProvider.defaults.headers.patch = {};
});

Answer 2

这不是您的Angular JS侧面问题。您必须在服务器端允许交叉来源