javascript - 使用 fetch() 发布时未设置 Cookie

Question

好吧，我遇到了一个相当奇怪的问题。

我正在为用户创建一个登录实例。

当我发布没有 fetch() 的登录表单时，它可以工作。我的浏览器(Firefox 和 Chrome)正确设置了 cookie，我可以“通过身份验证”。

但是，当我通过 fetch() 发送数据时，后端不会 setcookie()。

注意:假设凭据正确。

这是我的 PHP 登录脚本

$user = htmlentities($_POST['username'], ENT_QUOTES);
$pass = htmlentities($_POST['password'], ENT_QUOTES);
$remember = isset($_POST['rememberme']) ? true : false;

$login = $PHPAuth['auth']->login($user, $pass, $remember);

/**
 * $PHPAuth == [
 *   'config' => PHPAuthConfig(),
 *   'auth'   => PHPAuth()
 */ 


if($login['error']) {
    echo json_encode($login);
} else {
    // create new cookie
   setcookie(
       $PHPAuth['config']->cookie_name,
       $login['hash'],
       $login['expire'],
       '/',          # path
       'localhost',  # domain
       false,        # HTTPS
       true          # HTTP-ONLY
    );
    echo json_encode($login);
}

fetch() 脚本处于最低限度，仅请求 body 和 method。我删除了所有额外的 header ，看看是否有帮助。但事实并非如此:

function postForm(url, data) {
  return fetch(url, {
      body: data,
      method: 'post'
    })
    .then(response => response.json());
}

供引用:我正在使用这个PHPAuth图书馆。

Answer 1

默认情况下，fetch 不启用 cookie，您可以通过添加 credentials 选项并将其设置为 same-origin 来实现:

function postForm(url, data) {
  return fetch(url, {
      credentials: "same-origin",
      body: data,
      method: 'post'
    })
    .then(response => response.json());
}

了解有关 Request.credentials 的更多信息 at MDN .