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 了。

相关内容

热门资讯

攻略讲解!福建天天开心辅助工具... 攻略讲解!福建天天开心辅助工具下载,wpk官网下载链接,新版2025教程(今日头条);1、很好的福建...
带你了解!赣南好友辅助,拱趴大... 带你了解!赣南好友辅助,拱趴大菠萝万能挂,解密教程(发现有挂)是一款可以让一直输的玩家,快速成为一个...
玩家必看科普!边锋干瞪眼ios... 玩家必看科普!边锋干瞪眼ios辅助微信,佛手大菠萝辅助,微扑克教程(有挂透明挂)是一款可以让一直输的...
总算了解!长乐互娱软件助手,w... 总算了解!长乐互娱软件助手,wepoker辅助是真的假的,教你攻略(有挂规律);详细长乐互娱软件助手...
科技通报!长乐互娱软件助手,w... 科技通报!长乐互娱软件助手,wepoker辅助是真的假的,实用技巧(证实有挂);长乐互娱软件助手中的...
避坑细节!创思维激k辅助神器,... 避坑细节!创思维激k辅助神器,hhpoker作弊码,必赢教程(有挂讲解)是一款可以让一直输的玩家,快...
推荐一款!欢乐达人破解器,we... 推荐一款!欢乐达人破解器,wepoker私局辅助,透明教程(有挂攻略);1、让任何用户在无需AI插件...
总算明白!手机辅助脚本工具,w... 总算明白!手机辅助脚本工具,wpk辅助器是真的吗,安装教程(有挂解密);总算明白!手机辅助脚本工具,...
一起来讨论!潮友会app下载安... 【福星临门,好运相随】;一起来讨论!潮友会app下载安卓,扑克之星辅助,AI教程(有挂工具);暗藏猫...
一分钟了解!奇迹手游辅助,po... 一分钟了解!奇迹手游辅助,pokerworld软件,详细教程(有挂分享)是一款可以让一直输的玩家,快...