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。

巴特西

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

最新文章

热门文章