时间戳

首页 > 解决方案 > Chrome 未向服务器提交 POST 请求

php - Chrome 未向服务器提交 POST 请求

问题描述

我在 Chrome 无法使用我们在公司内部使用的各种 PHP 应用程序提交 POST/GET 表单请求时遇到问题。这似乎是从 Chrome 76 开始的。Firefox 或 IE 不会出现这个问题，这很奇怪。

提交表单时的预期行为是在等待来自服务器的响应时在 Dev Network 控制台中看到请求。但在 Chrome 中，请求永远不会在网络控制台中发送或看到。标签中的 Chrome 进度轮永远逆时针旋转。

我检查了服务器上的 Apache 请求日志，它从来没有收到发送给它的请求，所以我认为它是客户端的东西，即 Chrome。

如果我尝试使用 Postman 手动提交表单，那么它将起作用并发送预期的响应。

我曾尝试使用 JavaScript 提交表单，但我看到了相同的行为。我尝试更改表单的 enctype 以及调整元标记标题，但没有任何变化。

标头

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="csrf-token" content="xxxx">

形式

<form method="POST" action="https://homestead.test/login">
  <input type="hidden" name="_token" value="xxxx">
  <div class="form-group row">
    <label for="username" class="col-md-4 col-form-label text-md-right">Username</label>
    <div class="col-md-6">
      <input id="username" type="text" class="form-control" name="username" value="" required autofocus>
    </div>
  </div>
  <div class="form-group row">
    <label for="password" class="col-md-4 col-form-label text-md-right">Password</label>
    <div class="col-md-6">
      <input id="password" type="password" class="form-control" name="password" required>
    </div>
  </div>
  <div class="form-group row">
    <div class="col-md-6 offset-md-4">
      <div class="form-check">
        <input class="form-check-input" type="checkbox" name="remember" id="remember" >
        <label class="form-check-label" for="remember">Remember Me</label>
      </div>
    </div>
  </div>

  <div class="form-group row mb-0">
    <div class="col-md-8 offset-md-4">
      <button type="submit" class="btn btn-primary">Login</button>
    </div>
  </div>
</form>

有没有办法在客户端更好地调试表单提交？在发送其他浏览器不执行且失败的 HTTP 请求之前，Chrome 是否会进行一些检查？如果设置错误，有没有办法完全重新加载/重置 Chrome？隐身模式应该在没有任何扩展的情况下加载，并且它的行为相同，所以我不认为它是导致问题的恶意扩展。

标签： phphtmlformspost

解决方案

在您的 php 服务器中，在头文件中添加以下行

 header('Access-Control-Allow-Origin: *');

应该在您想要接收发布请求的所有页面中

    header('Access-Control-Allow-Origin: *'); 
    header("Access-Control-Allow-Credentials: true");
    header('Access-Control-Allow-Methods: GET, PUT, POST, DELETE, OPTIONS');
    header('Access-Control-Max-Age: 1000');
    header('Access-Control-Allow-Headers: Content-Type, Content-Range, Content-Disposition, Content-Description');

当您将帖子数据从本地服务器发送到远程服务器时，您需要在远程服务器上启用CORS - 跨域资源共享。

这段代码应该适用于大多数情况，测试并告诉我它是否已解决。

推荐阅读