【易错求解】为什么 webpack 本地开发时 cookie 异常？

Question

问题描述

项目：webpack 4 + Vue

项目在测试环境和线上环境接口权限正常，但是在开发环境 cookie 种不上，导致一直跳登陆页面。

问题出现的环境背景及自己尝试过哪些方法

怀疑过是不是因为 chrome 修改了 cookie 某些默认值，比如说

chrome 80 版本加强隐私。SameSite=Lax 为默认值，禁止了一部分场景携带 cookie。

你期待的结果是什么？实际看到的错误信息又是什么？

有什么办法可以让开发环境也正常使用？

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 1

已知是基于 webpack 的，所以开发环境大概率会依赖 devServer，那么这里解决方案一般配置 proxy 即可。

如果是基于 sso 的，那么可以通过 node 做登陆（不会出现跨域问题），然后记录 cookie。

还有一种方案是 SwitchyOmega 将域名请求指向本地，然后本地用 Charles 之类的代理按路径做请求转发。本身因为使用了域名，等于说是使用了某个环境，所以也不会出现问题。

如果没有 SwitchyOmega 也可以手动修改本地的 hosts ，没有 Charles 也可以考虑本地起 nginx 做转发。

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 2

提供特别点方案：
1、多安装一个低版本的chrome浏览器（89版的），会有点繁琐
2、可以安装cookie chrome插件，插件会将cookie带上：https://github.com/chirpmonster/chrome-cookie-extence