背景：
本地开发环境，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~ 给个赞呗~~
网友评论