来自 angularjs $http 的 Slim Framework v3 api 调用

Question

过去几天我一直在努力解决这个问题。

我在 php 中使用 slim 框架 v3 创建了 api。

当我从 angularjs $http 调用任何路由时，我得到控制台错误：-

XMLHttpRequest 无法加载 http://192.168.0.5/project/api/testing。请求的资源上不存在“Access-Control-Allow-Origin”标头。 Origin 'http://localhost' 因此不允许访问。

<?php
use Psr\Http\Message\ServerRequestInterface as Request;
use Psr\Http\Message\ResponseInterface as Response;

require 'vendor/autoload.php';
require 'app/config/configuration.php';

$app = new Slim\App(["settings" => $config]);
spl_autoload_register(function ($class_name) {
require("app/" . $class_name . ".php");
});

$app->get("/testing",function(Request $request,Response $response){
     generateResponse($response,array("message"=>"success"));
});
function generateResponse($response, $data)
{
 return $response->withStatus(200)
    ->withHeader("Content-Type", "application/json")
    ->withHeader("Access-Control-Allow-Origin", "*")
    ->withHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, OPTIONS")
    ->withHeader("Access-Control-Allow-Headers", "Content-Type, Depth, User-Agent, X-File-Size,X-Requested-With, If-Modified-Since,X-File-Name, Cache-Control, x-hash-key, x-req-timestamp, user-language-pref, Content_Language")
    ->write(json_encode($data));
 }

 $app->run();

我添加了标题作为回应。但是当我从 $http 调用测试路由 api 时仍然会抛出错误。

我完全空白，我知道我只是错过了一些愚蠢的东西。请帮我解决这个问题。

谢谢

更新：解决方案

通过在 php 文件中添加标题，它现在可以工作了。 header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET, PUT, POST, DELETE, OPTIONS'); header('Access-Control-Allow-Headers: Content-Type, Content-Range, Content-Disposition, Content-Description');

请注意此链接，它可能会派上用场：- Click to go->

Answer 1

一件事是第 14 行缺少return：

return generateResponse($response,array("message"=>"success"));

您可以在浏览器的开发控制台中检查响应中是否存在标头。

快速回顾一下，这似乎是唯一的问题。