AngularJS：$http 服务 GET 到 php 服务器：请求 Method:OPTIONS，状态代码：405 方法不允许

Question

我已经为这个问题苦苦挣扎了好几个小时...:-(

我的 grunt-served angular 应用向同一主机 (apache) 上的一个简单 PHP 服务发出 $http GET 请求，以获取人员名单。我得到的结果是一个 OPTIONS 请求（？？？），它得到一个 405 响应...但是为什么在 GET 之前有一个 OPTIONS 飞行前请求？？？

这些是我的设置的详细信息：

Grunt 配置Gruntfile.js:

grunt.initConfig({
  ...
  connect: {
    options: {
      port: 9000,
      hostname: '0.0.0.0',
      livereload: 35729
    },
  },
  ...

Angular 服务 persons.js:

app.service('Persons', function($http) {
  ...
  return({
    getPersons: function () {
      return $http({
        method: 'get',
        url: http://192.168.1.1/myapp/api/persons/get',
      }).then(handleSuccess, handleError);
    },
    ...
  });
  ...

文件/api/persons/get/index.php:

...
header("Access-Control-Allow-Origin", "http://192.168.1.1:9000");
header("Access-Control-Allow-Methods", "Cache-Control, Pragma, Origin, Authorization, Content-Type, X-Requested-With");
header("Access-Control-Allow-Headers", "GET, PUT, POST, OPTIONS, DELETE, X-XSRF-TOKEN");
echo json_encode($persons);

(我事实上，服务器端我使用 Slim 框架，所以这是 "index.php" 文件，它通过 .htaccess 服务于“/api/persons/...”请求: "... RewriteRule ^(.)$ index.php [QSA,L]"...*)

这是我得到的（悲伤 :-() 结果：

Remote Address:192.168.1.1:80
Request URL:http://192.168.1.1/myapp/api/persons/get
Request Method:OPTIONS
Status Code:405 Method Not Allowed
Request Headersview source
Accept:*/*
Accept-Encoding:gzip, deflate, sdch
Accept-Language:en-US,en;q=0.8,it-IT;q=0.6,it;q=0.4,tr;q=0.2,de;q=0.2
Access-Control-Request-Headers:accept, authorization
Access-Control-Request-Method:GET
Cache-Control:no-cache
Connection:keep-alive
Host:192.168.1.1
Origin:http://192.168.1.1:9000
Pragma:no-cache
Referer:http://192.168.1.1:9000/
User-Agent:Mozilla/5.0 (Windows NT 5.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/40.0.2214.93 Safari/537.36
Response Headersview source
Allow:GET HEAD
Connection:close
Content-Length:0
Content-Type:text/html;charset=UTF-8
Date:Fri, 30 Jan 2015 11:36:43 GMT
Server:Apache/2.2.15 (CentOS)
Set-Cookie:PHPSESSID=a5dbcfa18fcb64a29dbad999c6811d69; path=/
Set-Cookie:a5dbcfa18fcb64a29dbad999c6811d69=DEFAULT%7C0%7C2M3TMlgUx3gTlaarYzHIdD28l8q9FTcNubt55%2BUGpAo%3D%7C7456bf61db3500c8bb7b3bc38082a470ce4a2ad3; path=/
X-Powered-By:PHP/5.6.4

我也尝试过使用 grunt-connect-proxy，但没有更好的结果...

如果我忘记了任何细节，请问...

有什么线索吗？

Answer 1

跨域请求必须进行 CORS 预检。

OPTIONS 实际上调用 return 可用方法列表（GET、POST 等）。

您应该在 php 后端允许 OPTIONS 调用：

header('Access-Control-Allow-Methods: POST, GET, OPTIONS');

看到那里CORS not working php

AngularJS：$http 服务 GET 到 php 服务器：请求 Method:OPTIONS，状态代码：405 方法不允许

AngularJS: $http service GET to php server: Request Method:OPTIONS, Status Code: 405 Method Not Allowed

get

angularjs

angular-http