从使用 axios 调用响应启动 php 会话不会使会话保持活动状态，但使用邮递员执行它就可以了

Question

我知道存在类似这样的其他问题，但我未能成功实施其中任何一个，这意味着没有一个有效，无论是由于我自己的错误还是他们固有的无能解决这个问题。

环境：

我正在使用 php -S 127.0.0.1:8080 为 php 项目提供服务，并使用 npm start 在默认端口 (3000) 上启动了一个反应前端。我正在使用 axios 向服务器发出请求。

相关代码：

我有 2 个非常重要的文件：

• Lo​​ginPage.js 是我的反应代码所在的位置，我发出 2 个请求，第一个是模拟身份验证并启动会话，第二个请求是检查会话是否仍然存在：

useEffect(() => {
    axios({
      method: "get",
      url: "http://localhost:8080/phpfolder/test1page.php?username=username",
      dataType: "JSON",
    })
      .then((response) => {
        console.log("response here", response.data);
        setUserName(response.data);
      })
      .catch((error) => {
        console.log(error);
      });
  }, []);

  useEffect(() => {
    if (userName !== "") {
      axios({
        method: "get",
        url: "http://localhost:8080/phpfolder/test1page.php",
        dataType: "JSON",
      })
        .then((response) => {
          console.log("response here", response.data);
        })
        .catch((error) => {
          console.log(error);
        });
    }
  }, [userName]);

• test1page.php 是我的 php 代码所在的位置：

    <?php 
     session_start();
     header("Access-Control-Allow-Origin: *");
     header('Access-Control-Allow-Headers: Content-Type');
    
     if (isset($_GET['username'])) {
        $_SESSION['username'] = $_GET['username'];
        // echo  $_SESSION['username'];
     }
    
     if(!isset($_SESSION['username'])){
        echo 'you are not logged in';
    }else{
        echo 'you are logged in';
        header('Content-type: application/json');
        echo json_encode($_SESSION);
    }
    
     ?>

问题：

我的问题是，虽然第一个请求验证没有问题：

you are logged in{"username":"username"}

第二个请求没有找到实时会话：

you are not logged in

尝试过的解决方案/调试：

我尝试了很多解决方案，包括设置withCredentials: false 和true。将其设置为 true 会导致 Cors 错误。我已经从 php 文件中添加和删除了各种头文件（一些用于 Cors，一些用于解决这个问题）：

header("Access-Control-Allow-Headers: *");
header("Access-Control-Allow-Origin: http://localhost:3000");
header('Access-Control-Allow-Origin: *'); 
header("Access-Control-Allow-Methods: GET, POST, OPTIONS, PUT, DELETE");
header("Access-Control-Allow-Headers: Content-Disposition, Content-Type, Content-Length, Accept-Encoding");
header("Content-type:application/json");
header("connection:keep-alive");

我已经尝试过邮递员并发送一个请求来启动会话，然后另一个来检查它是否还活着就可以了：

• 第一个请求：

• 第二次请求：

Answer 1

我找到了解决方案。关于 Cors 的详细解释可以在 this article 中找到。相关部分在 Credentials and Cors 部分。 简短的回答是您必须将 withcredentials 标志设置为 true，这将导致 Cors 错误问题，然后您可以通过在后端添加适当的标头来解决此问题：

header("Access-Control-Allow-Origin: http://localhost:3000");
header("Access-Control-Allow-Credentials: true");

这就是我的页面现在一切正常的样子：

• Lo​​ginPage.js ：

    useEffect(() => {
        axios({
          method: "get",
          url: "http://localhost:8080/phpfolder/test1page.php?username=username",
          dataType: "JSON",
          withcredentials: true
        })
          .then((response) => {
            console.log("response here", response.data);
            setUserName(response.data);
          })
          .catch((error) => {
            console.log(error);
          });
      }, []);
    
      useEffect(() => {
        if (userName !== "") {
          axios({
            method: "get",
            url: "http://localhost:8080/phpfolder/test1page.php",
            dataType: "JSON",
            withcredentials: true
          })
            .then((response) => {
              console.log("response here", response.data);
            })
            .catch((error) => {
              console.log(error);
            });
        }
      }, [userName]);

• test1page.php：

   <?php 
    session_start();
    header("Access-Control-Allow-Origin: http://localhost:3000"); // cannot be a wildcard, you have to specify the name of the domain making the request here.
    header('Access-Control-Allow-Headers: Content-Type');
    header("Access-Control-Allow-Credentials: true"); // add this header
  
    if (isset($_GET['username'])) {
       $_SESSION['username'] = $_GET['username'];
       // echo  $_SESSION['username'];
    }
  
    if(!isset($_SESSION['username'])){
       echo 'you are not logged in';
   } else {
       echo 'you are logged in';
       header('Content-type: application/json');
       echo json_encode($_SESSION);
   }
  
    ?>