前提・実現したいこと
laradock で立ち上げたコンテナ上で nuxt を走らせて、ローカルのブラウザでアクセスしたい。
環境
- windows10 home
- docker toolbox
- npm v5.6.0 (workspaceコンテナ内)
- node v10.0.0 (workspaceコンテナ内)
発生している問題・エラーメッセージ
http:/192.168.99.100:3000
でアクセスしても応答が返ってきません。
試したこと
基本通りに
docker-compose up -d nginx workspace mysql
のようにコンテナを立ち上げた後、
laravel のプロジェクトを作成。
workspace コンテナに入り、nuxt をインストール。
- package.json
- nuxt.config.js
をルートディレクトリに移して、
npm run dev
で nuxt 実行。
OPEN http://localhost:3000
と出るので、ローカルのブラウザから、
http:/192.168.99.100:3000
でアクセスするも、「正常に接続できませんでした」エラーが出てしまいます。
docker-compose.yml の port 項目に、3000:3000 とか書いたり、
### Workspace Utilities ################################## workspace: build: context: ./workspace args: ~ 省略 ~ volumes: - ${APP_CODE_PATH_HOST}:${APP_CODE_PATH_CONTAINER} extra_hosts: - "dockerhost:${DOCKER_HOST_IP}" ports: - "${WORKSPACE_SSH_PORT}:22" - "3000:3000" <- ここ tty: true environment: - PHP_IDE_CONFIG=${PHP_IDE_CONFIG} networks: - frontend - backend
Dockerfile に、
EXPOSE 3000
とか書いたりするのだろうかと思い、色々しましたが変わらず・・・
補足情報
package.json
{ "name": "nuxtjs", "version": "1.0.0", "description": "Nuxt.js project", "author": "", "private": true, "scripts": { "dev": "node_modules/nuxt/bin/nuxt", "build": "nuxt build", "start": "nuxt start", "generate": "nuxt generate", "lint": "eslint --ext .js,.vue --ignore-path .gitignore .", "precommit": "npm run lint" }, "dependencies": { "nuxt": "^1.0.0" }, "devDependencies": { "babel-eslint": "^8.2.1", "eslint": "^4.15.0", "eslint-friendly-formatter": "^3.0.0", "eslint-loader": "^1.7.1", "eslint-plugin-vue": "^4.0.0" } }
docker-machine
C:\Users\hogehoge>docker-machine ls NAME ACTIVE DRIVER STATE URL SWARM DOCKER ERRORS default * virtualbox Running tcp://192.168.99.100:2376 v18.03.1-ce
ちなみに、
http://192.168.99.100/
にアクセスすると、ちゃんと(?) Laravel の初期デモ画面が表示されます。
どのように 3000 へアクセスするのかご教示いただけますと幸いです。
よろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。