https://github.com/truefalse10/vue-cli-plugin-docker-nginx
vue-cli plugin that adds minimal docker deployment using nginx
https://github.com/truefalse10/vue-cli-plugin-docker-nginx
docker nginx vue vue-cli vue-cli-plugin
Last synced: 4 months ago
JSON representation
vue-cli plugin that adds minimal docker deployment using nginx
- Host: GitHub
- URL: https://github.com/truefalse10/vue-cli-plugin-docker-nginx
- Owner: truefalse10
- Created: 2018-10-08T15:46:27.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2018-10-18T10:27:10.000Z (about 7 years ago)
- Last Synced: 2024-11-15T03:45:33.271Z (about 1 year ago)
- Topics: docker, nginx, vue, vue-cli, vue-cli-plugin
- Language: Dockerfile
- Homepage:
- Size: 2.93 KB
- Stars: 12
- Watchers: 3
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-vue - vue-cli-plugin-docker-nginx - vue-cli plugin that adds minimal docker deployment using nginx (Integrations [🔝](#readme))
- awesome-vue - vue-cli-plugin-docker-nginx ★4 - Vue CLI Plugin to add a docker deployment using a minimal nginx server (Integrations / Vue CLI 3 Plugins)
- awesome-vue - vue-cli-plugin-docker-nginx - Vue CLI Plugin to add a docker deployment using a minimal nginx server (Integrations / Vue CLI 3 Plugins)
- awesome-vue - vue-cli-plugin-docker-nginx - Vue CLI Plugin to add a docker deployment using a minimal nginx server (Components & Libraries / Integrations)
README
# vue-cli-plugin-docker-nginx
> having a node container running an express server seemed kind of overkill for serving a built vue-app
This is a vue-cli-plugin that adds a minimal docker deployment (**~19MB** + static files) using nginx to serve your vue-app
### Installation
```
vue add vue-cli-plugin-docker-nginx
```
This will automatically add all the files needed to your existing vue-cli project
### Build and run local docker container
```
npm run docker
```
This will build a docker container and run it on port `3000`. If you want to run it on different port change the run script in your `package.json` to
```
"docker": "docker build . -t vue-app && docker run -d -p :80 vue-app"
```
Please make sure to have [docker](https://docs.docker.com/install/) installed and running on your machine.
### Tweak nginx config
With the default settings nginx listens on port `80` and is configured to route all requests back to `index.html`. This way you can safely use `history`-mode in your `vue-router`. These settings can be changed in `default.conf` in you projects root.