ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2022-08-16 03:00:57  阅读:226  来源: 互联网

标签:onError res Express Application Cookie cors true


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

image

经过多方的搜索和查询,前后端分离项目中,存在跨域问题,域名不一样导致 Cookie 无法被存储在浏览器的 Application 中,而只需要前后端多加一个配置项即可:

首先是前端发送请求是需要添加的一个配置,我用的是 axios:

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

注意看第四行代码,多添加了一个withCredentials: true

Express 必须需要使用中间件cors,然后再添加配置项:

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

const app = express();

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

image

标签:onError,res,Express,Application,Cookie,cors,true
来源: https://www.cnblogs.com/shiramashiro/p/16590255.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有