Boilerplate for Vue project ready for production, with neat implementation of "devServer proxy" in production environment, using Nginx.
I'm using Docker as a production environment, but feel free to use any other production environment which you prefer. My solution does not rely on Docker, the trick is all about Nginx.
To install docker: https://www.docker.com/products/docker-desktop
git clone https://.com/zhzhang-4390/vue-production-server-proxy.git
cd vue-production-server-proxy
npm i
npm run serve
Go to http://localhost:8080 using your browser.
Other than the Vue starter page, you should be able to see the rendered HTML of my page :)
This is the vue.config.js proxying.
Ctrl+C to stop the development server.
docker build . -t demo
docker run -d -p 8080:80 demo
Go to http://localhost:8080 using your browser.
Now if you still can see the rendered HTML of my page, then that's nginx.conf proxying :)