公司项目在本地进行开发时使用的是 http 访问的,但是在 Chrome 升级到 93 版本之后,去掉了 chrome://flags 中对 same-site 的设置,会影响到目前的开发方式(使用 http 访问,不能获取不同站下的cookie),所以我们需要调整成在本地使用 https 开发。
解决方案:
- 首次访问时,需要同意无证书访问。
- 有两种情况:
- webpack >= 5
在 webpack 启动时添加
--https参数 - webpack < 5
webpackDevServer配置加https: true
- webpack >= 5
在 webpack 启动时添加
此外在 Chrome 运行项目时可能会出现提示说:您的连接不是私密连接
有一个巧妙的解决办法,就是在当前页面键盘输入 thisisunsafe,然后按回车,页面就会自动重新刷新,并且能正常访问了。
原因是,Chrome 不信任这些自签名的ssl证书,而 thisisunsafe 命令代表你已经了解并确认这是一个不安全的链接了。