開発環境
Docker 20.10.2
Nuxt.js 2.15.1
前提・実現したいこと
Nuxt.jsをDockerコンテナ上で起動し、ブラウザで表示したい。
発生している問題
Dockerコンテナ内でのNuxt.jsの実行まではできたのですが、ブラウザでNuxtのURLを開いてもアクセスすることができません。
Nuxt.jsの実行時にHOST=0.0.0.0 PORT=3000 nuxtと表示されるのでホストとポートの指定はできていると思います。
試したこと
- nuxt.config.jsにホストを追記
javascript
1server: { 2 host: '0.0.0.0' 3 }
- package.jsonにホスト、ポートを追記
json
1"config": { 2 "nuxt": { 3 "host": "0.0.0.0", 4 "port": 3000 5 } 6}
- docker-compose.ymlにホスト、ポートを追記、コンテナの再構築
YML
1 nuxt: 2 environment: 3 - NUXT_HOST=0.0.0.0 4 ports: 5 - "${WORKSPACE_SSH_PORT}:22" 6 - "3000:3000"
- package.jsonにnpm run dev実行時にホストとポートを自動で指定するよう追記(現在はこの変更のみ適用して上記の追記は削除しています)
json
1"scripts": { 2 "dev": "HOST=0.0.0.0 PORT=3000 nuxt", 3 },
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。