Nuxt.js with Express Hot
This is Nuxt.js with Express template using hot reloading for nuxt rather than the live reload of backpack. To make this possible in development mode a http proxy pointing to the the api server is added to nuxt as a server middleware. During development nuxt and the api server has to be run as separate servers.
This is a project template for vue-cli.
vue init nekdolan/express-template-hot <project-name> cd <project-name> # move to your project npm install # or yarn install
Make sure to use a version of vue-cli >= 2.1 (vue -V).
|npm run nuxt||Runs nuxt in development mode on port 3000|
|npm run dev||Runs the express api server on port 8008|
Everything else should work the same way as nuxt-express
- There is a
serverdirectory with the root of your
routesdirectory is called
We use backpack to watch and build the application, so you can use the latest ES6 features (module syntax, async/await, etc.).
The module adds express into Nuxt's connect middleware stack using Nuxt's module system. The method will also handle hot reloading with out causing the nuxt build server to restart.