Angular前端跨域请求(即使带有withCredentials)时未发送授权cookie。
创始人
2024-10-29 02:00:41
0

可以通过配置 Angular 应用的 CORS 响应头和请求头来解决该问题。具体步骤如下:

  1. 在服务器端配置跨域请求响应头,包括 Access-Control-Allow-Origin 和 Access-Control-Allow-Credentials 两个字段。其中,Access-Control-Allow-Origin 的值必须是访问 Angular 应用的域名,而 Access-Control-Allow-Credentials 需要设置为 true,允许使用授权 cookie 进行跨域请求。

示例(Node.js):

res.set('Access-Control-Allow-Origin', 'http://localhost:4200');
res.set('Access-Control-Allow-Credentials', 'true');
  1. 在 Angular 应用中,使用 HttpClient 发送跨域请求时,需要在请求头中设置 withCredentials 字段为 true,开启授权 cookie 的传输。

示例:

this.http.get('http://server.com/data', { withCredentials: true });

完成以上配置后,Angular 应用就能够在跨域请求时正确发送授权 cookie 了。

相关内容

热门资讯

两分钟辅助!智星菠萝辅助,德州... 两分钟辅助!智星菠萝辅助,德州圈脚本,窍要教程(有挂方略)1、智星菠萝辅助免费辅助多个强度级别选择2...
8分钟辅助!wepoker数据... 8分钟辅助!wepoker数据分析工具,购买的wpk辅助在哪里下载,练习教程(真的有挂)一、购买的w...
第一分钟辅助!德普之星怎么开辅... 第一分钟辅助!德普之星怎么开辅助,hhpoker怎么防作弊,学习教程(有挂讲解)1、点击下载安装,德...
4分钟辅助!werplan脚本... 4分钟辅助!werplan脚本,hhpoker有后台操控吗,策略教程(有挂教程)1、点击下载安装,h...
第9分钟辅助!wpk真吗,we... 第9分钟辅助!wpk真吗,wepoker有什么规律,操作教程(今日头条)亲,关键说明,wepoker...
第7分钟辅助!wpk作弊,哈糖... 第7分钟辅助!wpk作弊,哈糖大菠萝挂法,方针教程(有挂解惑)运哈糖大菠萝挂法辅助工具,进入游戏界面...
一分钟辅助!hhpoker有后... 一分钟辅助!hhpoker有后台操作吗,wepoker辅助器有哪些功能,绝活儿教程(今日头条)1、玩...
5分钟辅助!wepoker透视... 5分钟辅助!wepoker透视挂底牌,wpk安卓下载辅助,诀窍教程(有挂辅助)1、wepoker透视...
第1分钟辅助!wepoker辅... 第1分钟辅助!wepoker辅助器安装包,佛手大菠萝辅助,机巧教程(有挂分享)1、每一步都需要思考,...
第七分钟辅助!wepoker好... 第七分钟辅助!wepoker好友助力码,德普之星辅助器app,积累教程(有挂猫腻)1、德普之星辅助器...