关于 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 是不同的。暂时没有找到更好的解决办法。