我使用ngResource在亚马逊Web服务上调用REST API得到这个错误:
XMLHttpRequest无法加载
http://server.apiurl.com: 8000 / s /登录吗? =登录facebook。应对
飞行前请求未通过门禁检查:否
'Access-Control-Allow-Origin'头出现在被请求的对象上
资源。因此，来源“http://localhost”不允许访问。
错误405
服务:
socialMarkt.factory('loginService', ['$resource', function ($resource) {
var apiAddress = "http://server.apiurl.com:8000/s/login/";
return $resource(apiAddress, {
login: "facebook",
access_token: "@access_token",
facebook_id: "@facebook_id"
}, {
getUser: {
method: 'POST'
}
});
}]);
控制器:
[...]
loginService.getUser(JSON.stringify(fbObj)),
function (data) {
console.log(data);
},
function (result) {
console.error('Error', result.status);
}
[...]
我用Chrome浏览器。为了解决这个问题，我还能做些什么?
我甚至将服务器配置为接受来自源localhost的头文件。
在我的Apache VirtualHost配置文件中，我添加了以下几行:
Header always set Access-Control-Allow-Origin "*"
Header always set Access-Control-Allow-Methods "POST, GET, OPTIONS, DELETE, PUT"
Header always set Access-Control-Max-Age "1000"
Header always set Access-Control-Allow-Headers "x-requested-with, Content-Type, origin, authorization, accept, client-security-token"
RewriteEngine On
RewriteCond %{REQUEST_METHOD} OPTIONS
RewriteRule ^(.*)$ $1 [R=200,L]
我认为在Chrome中禁用CORS不是一个好方法，因为如果你在Ionic中使用它，在移动版本中肯定会再次出现这个问题。
所以最好修改后端。
首先，在header中，需要设置-
标题(“Access-Control-Allow-Origin: *”);
header(' header set Access-Control-Allow-Headers: "Origin, X-Requested-With, Content-Type, Accept"');
如果API的行为是GET和POST，那么也设置在你的头-
if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') {if
(收取($ _SERVER [' HTTP_ACCESS_CONTROL_REQUEST_METHOD ']))
header("Access-Control-Allow-Methods: GET, POST, OPTIONS");
如果收取($ _SERVER [' HTTP_ACCESS_CONTROL_REQUEST_HEADERS ']))
标题(“Access-Control-Allow-Headers:
{$ _SERVER [' HTTP_ACCESS_CONTROL_REQUEST_HEADERS ']}”);退出(0);｝
