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