How to run production site after build vue cli
Solution 1:
npm run build
creates a dist
directory with a production build of your app.
In order to serve index.html
in a browser you need an HTTP server.
For example serve:
npm install -g serve
serve -s dist
The default port is 5000
, but can be adjusted using the -l
or --listen
flags:
serve -s build -l 4000
Docs:
- https://create-react-app.dev/docs/deployment#static-server
- https://github.com/zeit/serve
- https://cli.vuejs.org/guide/deployment.html#previewing-locally
Solution 2:
Production build can be run locally by utilizing Vue CLI's tooling simply by running:
vue-cli-service serve --mode production
For convenience, this can be added to package.json scripts:
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"production": "vue-cli-service serve --mode production"
}
Command:
$ npm run production