关于 Angular 跨域请求携带 Cookie 的问题

在前端开发调试接口的时候都会遇到跨域请求的问题。传统的方式是使用 Nginx 反向代理解决跨域。比如所有接口都在 a.com 的域下,通过 Nginx 将所有请求代理到 a.com 的域下即可。

使用框架及 Webpack 进行开发时,也可以通过插件实现反向代理。比如使用 Angular 的时候可以通过 proxy.config.json 进行跨域设置。

但是如果开发的测试环境需要登录认证,则请求时需要携带 Cookie 信息。通过 Fetch 发送请求时,可以设置 credentials: 'include' 。而在 Angular 中,则是设置 withCredentials: true 。但是仍然存在跨域的问题。比如本地服务器为 localhost:XXXX,而登录的 Cookie 信息在 a.com 的域下。所以还是无法解决跨域问题。不知道是不是自己没有找到更科学的方法。

为了解决这个问题,最后采用了一个相对保守的方法,可以使用 Chrome 插件 modheader 将 Cookie 手动添加到请求头中。虽然问题解决了,但切换页面时,还要反复设置插件开关,因为每个页面的 Cookie 是不一样的。暂时没有找到更好的解决办法。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏程序员同行者

tomcat安全加固

【加固方法】删除webapps/docs、examples、manager、ROOT、host-manager

1697
来自专栏HadesMo

调用对象存储Put Object接口上传文件

4846
来自专栏xdecode

Windows中根据端口定位持有者程序

之前被一个问题所困扰, 电脑过一段时间就无法上网, 查询netstat, 会有大量的端口被占用, 但是看不出来是哪个程序开启的 ( 最终定位到是ADSafe搞得...

1987
来自专栏帘卷西风的专栏

linux下搭建SVN服务器

       最近搞了一台云服务器,尝试部署一些服务器相关的东西,作为开发用服务器,首先考虑搭建的是SVN服务器。记录一下搭建的过程,方便以后查看。

4571
来自专栏Java架构师历程

Linux设置静态IP

3163
来自专栏Java成神之路

Linux_服务器_08_网卡eth1修改为eth0

 找到与ifconfig 查出出的MAC相同的一行(NAME='eth1'这一行),把它改为"NAME=eth0 ",然后把上面一行(NAME='eth0')注...

1492
来自专栏linux运维学习

linux学习第三十六篇:MariaDB安装,Apache安装

MariaDB安装 将待会下载的源码包放到这个目录下: cd /usr/local/src 下载源码包: wget https://downloads...

2318
来自专栏linux运维学习

linux学习第二十二篇:yum更换国内源,yum下载rpm包,源码包安装

yum更换国内源 删除/etc/yum.repos.d/下上一部分创建的dvd.repo文件: rm -f dvd.repo 将备份的/etc/yum.re...

2306
来自专栏互联网杂技

详细nginx+php配置,mysql安装,搭建博客wordpress

以公网上服务器写,系统ubuntu15.10; 其他系统有稍微差异; ---- 1、首先安装nginx sudo apt-get install nginx ...

5405
来自专栏小尘哥的专栏

一分钟系列----mybatis plus之逻辑删除

MP(mybatis plus)已经大大简化了我们好多的开发操作,基本的增删改查都有了,包括代码生成等等,今天想说的是它的逻辑删除功能。我们都在数据库设计时候经...

2163

扫码关注云+社区

领取腾讯云代金券