JavaScript

【Nuxt.js】CentOS7にNuxt.jsをインストールして初期設定を行う

インストール手順

npmのインストール

1
2
curl -sL https://rpm.nodesource.com/setup_10.x | bash -
yum install nodejs

nuxt.jsのインストール

公式ページを参考にする

初期設定

ポートの変更

nuxt.config.js に下記を追記

1
2
3
4
5
6
7
export default {
    //省略・・・・
    server: {
      port: 8887,
      host: '0.0.0.0'
    },
}

パスの変更

nuxt.config.jsにheadとrouterをの設定を追記してあげる

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
export default {
    //省略・・・・
  head: {
    //省略・・・・
    base: {
      href: 'router.base'
    }
  },
  //省略・・・・
  router: {
    base: '/project'
  }
}

これで「npm run dev」をすれば http://localhost:8887/project で動く

参考サイト

Nuxt.jsでサブディレクトリにデプロイするときの対応