Angular JS 中的 POST 问题

Question

我在 Node js 中运行我的前端，在 Jetty 中运行后端。我正在尝试使用 Angular JS 从前端发布数据，但它对我不起作用。谁能建议可能是什么问题？ 节点 Js 运行在 3000 端口，码头运行在 9011。 这是代码sn-p：

var app = angular.module("loginapp", []);

        app.controller("loginctrl", function($scope,$http) {
        app.config(['$sceDelegateProvider', function($sceDelegateProvider) {
            $sceDelegateProvider.resourceUrlWhitelist(['self', 'http://localhost:9011/**']);
             }]);

                $scope.login = function(e){
                    console.log('clicked login...');
                    e.preventDefault();                 

                    $http({
                              url: "http://localhost:9011/test/dummy/doStuff1",
                              method: "POST",
                              data : {username: $scope.userName, password: $scope.password},
                              headers: { 'Content-Type': 'application/json' },
                              withCredentials: false,
                              }).success(function (data, status, headers, config) {
                                    console.log('status',status);
                                    console.log('data',status);
                                    console.log('headers',status);
                            }); 

                }

        });

在浏览器控制台中显示：

POST http://localhost:9011/test/dummy/doStuff1 
(index):1 XMLHttpRequest cannot load http://localhost:9011/test/dummy/doStuff1. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access. The response had HTTP status code 500.

我不确定是什么导致了问题，有人可以帮我解决这个问题吗？

Answer 1

如果您在 node(localhost:3000) 上托管 Angular 应用程序并尝试向 jetty(localhost:9011) 发出 ajax 请求，您将遇到 CORS(http://enable-cors.org/) 问题。默认情况下，浏览器不会让您向其他域发出请求。您需要在服务器和 Angular 应用中启用 CORS。

服务器端显然取决于您使用的框架。使用 Jersey 的示例：http://blog.usul.org/cors-compliant-rest-api-with-jersey-and-containerresponsefilter/

然后在 Angular 中启用 CORS（在您的情况下这可能不是必需的......如果您从不同的域加载模板，则需要它）：

//Allow CORS requests to these urls:
$sceDelegateProvider.resourceUrlWhitelist([
   'self',
   'http://localhost:9011/**'
]);