【Nuxt.js】npm run dev にて接続できない場合 (Vagrant環境)
はじめに
Vagrant 環境で Nuxt.js を動かす際に接続できずハマったのでメモ
Vagrant の設定に時間を取られるのは避けたい
------------------ ------------------ ------------------ ------------------ ------------------ ------------------ ------------------ ------------------ ------------------ ------------------ --------------
デフォルトID・ポートの変更
- Vagrant 側の IP は 192.168.33.10 が空いている前提
- 他のアプリが繋がらなくなるのも避けたいので、Nuxt.js 側の設定を変更
ポイント
Nuxt.js の npm run dev はデフォルトで localhost:3000 にサーバを立てるので調整が必要
------------------ ------------------ ------------------ ------------------ ------------------ ------------------ ------------------ ------------------ ------------------ ------------------ --------------
package.json 編集例
code: package.json
{
"name": "nuxt-first",
"version": "1.0.0",
"private": true,
"config":{
"nuxt":{
"host":"0.0.0.0",
"port":"3000"
}
},
"scripts": {
"dev": "nuxt",
"build": "nuxt build",
"start": "nuxt start",
"generate": "nuxt generate"
},
"dependencies": {
"core-js": "^3.15.1",
"nuxt": "^2.15.7"
},
"devDependencies": {}
}
ポイント
- host: "0.0.0.0" にすると localhost や 192.168.33.10 など複数アクセスを許可
- port は Vagrant の forward_port に合わせる