ローカルの開発環境でhttpsを使う方法

Cookieのテストの関係でhttpsをローカルで立ち上げる必要があり、その際に実施したことを要約します。
Vite環境を想定しています。そのため、手順4.以降は各自の環境に合わせて設定してください。

1. mkcertをインストール
   macの場合はbrew install mkcertでインストールができます。
2. プロジェクトルートに移動
3. mkcert localhsotを実行
4. vite.config.tsを編集

  server: {
  ...
    https: {
      key: fs.readFileSync(path.resolve(__dirname, 'https/localhost-key.pem')),
      cert: fs.readFileSync(path.resolve(__dirname, 'https/localhost.pem')),
    },

5. pnpm dev でサーバーを立ち上げる

参考 web.dev ローカルでの開発に HTTPS を使用する