JetBraions WebStorm IDEの設定

Toshihiko Arai

投稿日: 2025-03-07

テストサーバーをLAN内からアクセスを許可する（Vue.js）

LAN内のデバイスからテストサーバーへアクセスするためには、vite.config.js に host:true を設定する。

デフォルトでは localhost:3000 で起動するが、ポート番号を変更したい場合はpackage.json の "start": "PORT=3333 react-scripts start", でポートを指定する。

またLAN内であれば、iPhoneなどのスマートフォンからでもアクセスできる。そのURLはコンソールに出力されている。

現在の package.json を見ると、react-scripts を使用して create-react-app でプロジェクトを構築しています。この環境で beforeinstallprompt を発生させるために、HTTPS を有効にする方法を紹介します。

react-scripts には、開発サーバーを https で起動するオプションがあります。

.env ファイルをプロジェクトのルートに作成し、以下を追加：

HTTPS=true

開発サーバーを再起動:

npm start

https://localhost:3333 にアクセス。ブラウザが「この接続は安全ではありません」と警告を出す場合、詳細設定 → 続行 を選択すればOK。