开发环境如何使用 https

150 阅读1分钟

公司项目在本地进行开发时使用的是 http 访问的,但是在 Chrome 升级到 93 版本之后,去掉了 chrome://flags 中对 same-site 的设置,会影响到目前的开发方式(使用 http 访问,不能获取不同站下的cookie),所以我们需要调整成在本地使用 https 开发。

解决方案:

  • 首次访问时,需要同意无证书访问。
  • 有两种情况:
    1. webpack >= 5 在 webpack 启动时添加 --https 参数
    2. webpack < 5 webpackDevServer 配置加 https: true

此外在 Chrome 运行项目时可能会出现提示说:您的连接不是私密连接

有一个巧妙的解决办法,就是在当前页面键盘输入 thisisunsafe,然后按回车,页面就会自动重新刷新,并且能正常访问了。

原因是,Chrome 不信任这些自签名的ssl证书,而 thisisunsafe 命令代表你已经了解并确认这是一个不安全的链接了。