本地开发跨域请求cookie丢失

背景：
本地开发环境，axios 发起http请求; http请求的url为线上test环境的url； 且需要通过鉴权； 鉴权信息存储在cookie中；

问题：
本地环境，webpack-dev-server 启动的服务器中， 发起的http请求cookie 丢失。

axios的设置：

axios.defaults.withCredentials=true  // 允许跨域携带cookie信息

查看请求的response 响应头为：

Access-Control-Allow-Credentials: true
Access-Control-Allow-Origin: http://localhost:3000

chrome devTools 中查看发起的请求cookie丢失。

解决办法：
webpack-dev-server 配置项 Host 设置为与请求的url 一级域名同域名；比如请求的url 为http://a.b.c.com ; 那么Host配置为 http://local.c.com

同时本地修改host文件 将本地ip 解析为local.c.com

这样即可以解决。 开发环境直连后端test环境，在联调时尤其有用。

hi~ 给个赞呗~~