我的html文件在Nginx的html文件夹下,我试图通过angular向Play应用程序发送一个$http请求。play应用程序在端口9210下,而nginx监听端口80(用于查看html文件);我认为问题在这里,因为不同的端口被视为不同的域。
我的Nginx服务器配置是:
listen 80;
listen 443 default ssl;
server_name localhost;
#ssl on;
ssl_certificate /usr/local/nginx/conf/server.crt;
ssl_certificate_key /usr/local/nginx/conf/server.key;
#charset koi8-r;
#access_log logs/host.access.log main;
location / {
add_header Access-Control-Allow-Origin http://127.0.0.1;
}
Play中路由文件中相关的部分是:
POST /processReq controllers.Application.processReq()
在angular中,我的$http请求是:
$scope.url = 'http://ec2-50-112-30-246.us-west-2.compute.amazonaws.com:9210/processReq';
$scope.routeReview = function() {
$http.post($scope.url, { "blanCommand": "read reviews() for=""+$scope.keywords+"" mode=full"}).
success(function(data, status) {
$scope.status = status;
$scope.data = data;
$rootScope.reviews = data;
alert('success');
$location.path('/review');
})
.
error(function(data, status) {
$scope.data = data || "Request failed";
$scope.status = status;
alert('fail');
$location.path('/review');
});
};
我的问题如下:根据请求,我收到访问控制允许起源错误,什么是正确的方式来配置我的web应用程序?
谢谢提前
你需要的是Nginx作为代理,并将请求重定向到Play的特定子路径,同时为其他请求提供HTML文件。
Play的文档中有一些相关的信息
在nginx服务器配置:
location / {
add_header Access-Control-Allow-Origin *;
}
从你的AngularJS应用配置或服务调用:
$http.defaults.useXDomain = true;