isTKS™Nuxt.JS,program,SpringBoot ≫ SpringBoot + Nuxt.jsでHelloWorldまで

SpringBoot + Nuxt.jsでHelloWorldまで

2019.11.13

SpringBoot + Nuxt.jsでHelloWorldまで。

SpringBootのインストールはこちら
http://istks.net/2395

Nuxt.jsのインストールはこちら
http://istks.net/2394

今回は
Nuxt.js画面を、SpringBoot上でブラウザ表示する
ので、

Nuxt.jsで生成されるファイル群をSpringBootの静的ファイルディレクトリにコピーするようにする。
(SpringBoot標準だと、src/main/resources/static/)

$ cd <your-NuxtJS-directory>
$ npm install cpx rimraf npm-run-all --save-dev
$ vi package.json
"scripts": {
  "clean": "rimraf '../resources/static/*'",
  "copy": "cpx 'dist/**' '../resources/static/'", 
  "pro": "npm-run-all build clean copy"
},

$ npm run pro

以上で、NuxtJSのビルドファイルがSpringBootの静的ファイルのディレクトリにコピーされる。

SpringBootをビルドすると、SpringBoot側の
http://localhost:8080で、画面確認できる。

  • このエントリーをはてなブックマークに追加