laravel 处理 OPTION http 方法请求编辑 1

2022-08-30 17:55:28

我正在开发一个angularjs应用程序,它使用laravel作为其后端服务器。我在从laravel访问数据时遇到问题,因为在每次GET请求之前,angular首先发送一个选项请求,如下所示。

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

我目前正在使用一个非常丑陋的黑客,当收到OPTIONS请求时,我会覆盖laverels初始化。这是我在索引中完成的.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
 */

我还必须将允许源标头添加到之前的筛选器中。

我知道这并不聪明,但这是我现在唯一的解决方案。


答案 1

这是关于您关于上述问题的问题。你没有提到laravel和angularJS的版本。我假设你正在使用lattest angularJS和Laravel。我还假设,angular托管在 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 设置为“访问控制-允许-源”的完整域名。我认为这些会帮助你。


答案 2

这是Laravel中的一个错误,最近得到了修复。您可能希望更新到最新版本。

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


推荐