24

我正在开发一个使用laravel作为其后端服务器的angularjs应用程序。我无法从 laravel 访问数据,因为在每个 GET 请求之前,angular 首先发送一个 OPTION 请求,如下所示。

OPTIONS /61028/index.php/api/categories HTTP/1.1
Host: localhost
Connection: keep-alive
Cache-Control: max-age=0
Access-Control-Request-Method: GET
Origin: http://localhost:3501
Access-Control-Request-Headers: origin, x-requested-with, accept
Accept: */*
Referer: http://localhost:3501/
Accept-Encoding: gzip,deflate,sdch
Accept-Language: en-US,en;q=0.8
Accept-Charset: UTF-8,*;q=0.5

我试图通过在前置过滤器中添加以下代码来响应这一点

if (Request::getMethod() == "OPTIONS") {
    $headers = array(
        'Access-Control-Allow-Origin' => '*',
        'Access-Control-Allow-Methods' => 'POST, GET, OPTIONS, PUT, DELETE',
        'Access-Control-Allow-Headers' => 'X-Requested-With, content-type'
    );
    return Response::make('', 200, $headers);
}

这将创建带有标题的响应:

Content-Encoding: gzip
X-Powered-By: PHP/5.3.5-1ubuntu7.11
Connection: Keep-Alive
Content-Length: 20
Keep-Alive: timeout=15, max=97
Server: Apache/2.2.17 (Ubuntu)
Vary: Accept-Encoding
access-control-allow-methods: POST, GET, OPTIONS, PUT, DELETE
Content-Type: text/html; charset=UTF-8
access-control-allow-origin: *
cache-control: no-cache
access-control-allow-headers: X-Requested-With, content-type

虽然设置了标头,但浏览器仍然会抛出错误

XMLHttpRequest cannot load http://localhost/61028/index.php/api/categories. Origin http://localhost:3501 is not allowed by Access-Control-Allow-Origin.

我还尝试将允许原点设置为请求标头中显示的原点,如下所示

$origin=Request::header('origin');
//then within the headers
'Access-Control-Allow-Origin' =>' '.$origin[0],

仍然是同样的错误我做错了什么?任何帮助是极大的赞赏。

编辑 1

我目前正在使用一个非常丑陋的 hack,当收到 OPTIONS 请求时,我会覆盖 laravel 初始化。这是我在 index.php 中完成的

<?php
if ($_SERVER['REQUEST_METHOD']=='OPTIONS') {
    header('Access-Control-Allow-Origin : *');
    header('Access-Control-Allow-Methods : POST, GET, OPTIONS, PUT, DELETE');
    header('Access-Control-Allow-Headers : X-Requested-With, content-type');
}else{
/**
 * Laravel - A PHP Framework For Web Artisans
 *
 * @package  Laravel
 * @version  3.2.13
 * @author   Taylor Otwell <taylorotwell@gmail.com>
 * @link     http://laravel.com
 */

我还必须将 allow-origin 标头添加到 before 过滤器中。

我知道这并不聪明,但这是我目前唯一的解决方案

4

3 回答 3

3

这是参考您关于上述问题的问题。你没有提到 laravel 和 angularJS 的版本。我假设您使用的是最新的 angularJS 和 Laravel。我还假设,角度托管在http://localhost:3501上,而 laravel 托管在http://localhost上, 只需按照以下步骤操作即可。

  • 将下面的代码块放在 laravel 的 /public/.htaccess 文件中

    Header set Access-Control-Allow-Origin "http://localhost:3501"
    Header set Access-Control-Allow-Methods "GET,POST,PUT,DELETE,OPTIONS"
    Header set Access-Control-Allow-Credentials "true"
    
  • 将下面的行放在角度的配置中

    $httpProvider.defaults.withCredentials = true;
    

切勿使用*作为通配符。Larvel 无法识别用于会话管理的域。因此,将http://localhost:3501设置为Access-Control-Allow-Origin 的完整域名。我想这些会对你有所帮助。

于 2014-09-23T06:02:03.557 回答
-1

这是最近修复的 Laravel 中的一个错误。您可能想要更新到最新版本。

此外,您需要为您的服务器启用 CORS 支持。

于 2013-01-21T07:15:05.750 回答
-2

将此添加到您的 index.php 文件中

header('Access-Control-Allow-Origin: *'); 
header('Access-Control-Allow-Methods: GET, POST, PATCH, PUT, DELETE, OPTIONS');
header('Access-Control-Allow-Headers: Origin, Content-Type, X-Auth-Token');
于 2016-09-19T12:05:44.310 回答