前端跨域携带cookie_前端请求携带cookie-程序员宅基地

技术标签： node.js 前端

文章目录

前言
一、withCredentials
二、前端axios跨域携带cookie请求示例
三、后端nodejs设置示例
运行结果
总结

前言

在一些场景下，前端需要跨域携带cookie传输给服务端，下面将讲述前端如何跨域携带cookie

一、withCredentials

跨域请求是否允许提供凭据信息

二、前端axios跨域携带cookie请求示例

//前端运行在9999端口上
axios({
    
         url: "http://127.0.0.1:8888/reqserver2",
         withCredentials: true,
         method: "get",
         data: {
    }
        })

三、后端nodejs设置示例

const express = require("express")
const cookieParser=require("cookie-parser");

const app = new express();
app.use(cookieParser());

app.all("*", (req, res, next) => {
    
    //允许跨域携带cookie
    res.header("Access-Control-Allow-Origin", "http://127.0.0.1:9999");
    res.header("Access-Control-Allow-Credentials", "true");
    res.header("Access-Control-Allow-Headers", "Content-Type");
    next();
});


app.get("/reqserver2", (req, res) => {
    
    console.log(req.cookies)
    res.end("hi")
})

app.listen("8888", () => {
    
    console.log("start server2")
})

运行结果

在这里插入图片描述

后端接收成功
在这里插入图片描述

总结

当withCredentials设置为true时，后端Access-Control-Allow-Origin需要指定域名，不能使用*号;
以上本人理解，如有理解错误，欢迎网友指出评论。

本文链接：https://blog.csdn.net/qq_40187000/article/details/123382196

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

报错:The server time zone value ‘�й��׼ʱ��‘ is unrecognied-程序员宅基地

文章浏览阅读6.8k次，点赞9次，收藏14次。当我们通过JDBC连接数据库的时候有时候会报出以下的错误:翻译一下就是：服务器时区值’�й��׼ʱ��’ 无法识别或表示多个时区。如果要使用时区支持，必须配置服务器或JDBC驱动程序（通过“serverTimezone”配置属性）以使用更具体的时区值。这是由于使用的JDBC驱动包版本高于6（包括6），当我们使用这些版本连接要使用的URL时，必须加上serverTimezone参数，来设置时区。_he server time zone value

R语言入门——NA、NAN、Inf（缺失值的识别）_r语言na和nan-程序员宅基地

文章浏览阅读2.7w次，点赞15次，收藏47次。目录00引言1、Inf2、NAN（Not a Number）3、NA与逻辑运算符4、总结00引言这篇的主角是R语言中缺失值(NA)的识别与提取。先介绍NAN、Inf及其运算。在最终介绍缺失值（NA），毕竟重要的都压轴嘛。1、Inf在实数轴上除了确定的有限点，还有两个无限：正无穷、负无穷。用Inf、-Inf表示。> Inf[1] Inf> -Inf[1] -Inf>..._r语言na和nan

Linux CentOS7 安装 Qt 5.9.2-程序员宅基地

文章浏览阅读1.8k次，点赞2次，收藏7次。Linux CentOS7 安装 Qt 5.9.2 参考链接 http://doc.qt.io/qt-5/linux.htmlsudo yum groupinstall "C Development Tools and Libraries"sudo yum install libgl libgl-develsudo yum install mesa-libGL-devel mesa-libG..._centos7 #error "qt requires c++11 support

android studio 报错 AAPT: error: style attribute ‘attr/colorPrimary (aka com._aapt: error: attribute android:style not found.-程序员宅基地

文章浏览阅读1.7w次，点赞5次，收藏4次。是因为把这个 implementation 'androidx.appcompat:appcompat:1.2.0' 给删掉了。dependencies { implementation 'androidx.appcompat:appcompat:1.2.0'}_aapt: error: attribute android:style not found.

2023编程语言趋势_各程序设计语言最新发展趋势-程序员宅基地

文章浏览阅读3.5w次，点赞73次，收藏121次。Python持续霸榜，PHP依旧颓势，Java雄风不再，Rust热度不减，汇编迅速崛起，C语言地位稳固_各程序设计语言最新发展趋势

前方高能！2023开放原子开发者大会亮点攻略，一触即发-程序员宅基地

文章浏览阅读5.1k次，点赞25次，收藏22次。12月16-17日中国 · 无锡。