codeigniter 4中的CORS问题：对起飞前请求的响应没有通过权限改造检查

Question

我正在用Codeigniter 4制作一个反应应用程序的api。在邮递员中一切正常，但当我用axios提出请求（也尝试获取）时，它会出现CORS错误

CORS策略阻止从http://localhost:8080/testposthttp://localhost:3000访问XMLHttpRequest：对预试请求的响应不通过权限改造检查：请求的资源上不存在访问控制允许起源标头。

我尝试将标题添加到基本控制器：

header('Access-Control-Allow-Origin: *');
header("Access-Control-Allow-Methods: POST,GET, OPTIONS");
header("Access-Control-Allow-Headers: *");

现在，它可以很好地处理没有JSON主体的请求，但当我发送JSON主体时，也会发生同样的错误。

axios.post("http://localhost:8080/testpost", { data: "test" })
    .then((response) => {
        console.log(response);
    })
    .catch((err) => {
        console.log("error!!!");
    });

// Routes.php
$routes->post('/testpost', 'Home::testPost');

// Home Controller
public function testPost()
{
    return $this->response->setJSON('test response');
}

谢谢你的帮助

Answer 1

请尝试在www/public目录的根目录中设置Apache响应头并将方法重定向到.htaccess，如下所示：

#Redirect for CORS Preflight request
RewriteCond %{REQUEST_METHOD} OPTIONS
RewriteRule ^(.*)$ $1 [R=200,L]
#Set headers to access CORS Requests / allowing localhost only
Header always add Access-Control-Allow-Origin "*"
Header always add Access-Control-Allow-Headers "origin, x-requested-with, content-type"
Header always add Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS"

注意：小心添加标题始终将访问控制允许源“*”添加到您的。htaccess，“*”为攻击者打开大门，用域或域替换*！