Express 项目，res.cookie() 设置 Cookie 无法被保存在浏览器的 Application 中

res.cookie() 给客户端响应头封装的 Cookie 无法被保存在客户端浏览器的 Application 中，只能在 Set-Cookie 中看到有这个值：

在前后端分离项目中，存在跨域问题，导致 Cookie 无法被存储在浏览器 Application 中。但是，只需要在前端和后端添加几个配置项就可以解决：

（1）前端发送请求添加 withCredentials：

request.post("/login", {
  username, password
}, {
  withCredentials: true
}).then(({ data: res }) => {
  if ( res.data.length !== 0 && res.status == 200 ) {
    onSuccess(res.data, res.status);
  } else {
    onError ? onError(res) : "";
  }
}).catch(err => {
  onError ? onError(err) : "";
});

（2）Express 需要使用中间件cors解决跨域，并添加：

import express from "express";
import cors from "cors";

const app = express();

app.use(cors({ credentials: true, origin: true }));

（3）在发送 Cookie 的接口处添加 domain，因为跨域的问题，服务器生成的 Cookie 只能是相同或匹配的域才能使用，具体请看Cookie中的domain与path属性详解：

app.post("/login", (req, res) => {
  let user = queryUserByUnameAndPwd(req.body.uname, req.body.pwd);
  res.cookie("USERID", user.id, { domain: "localhost", maxAge: 60000 * 60 * 24 });
}

本地开发就写 localhost，等打包上线之后再配置 domain。没有添加 path 指定目录，默认是/，localhost 下所有目录都可以使用的 Cookie。

Express 如何使用 Cookie 的博文，请看Express 使用 Cookie。