Docker and NGINX for Vue History Mode

nginx.conf

server {
  listen 80 default_server;
  listen [::]:80 default_server;

  root /usr/share/nginx/html;

  index index.html;

  location / {
    # Support the HTML5 History mode of the vue-router.
    # https://router.vuejs.org/en/essentials/history-mode.html
    try_files $uri $uri/ /index.html;
  }
}

vuejs_dockerfile_and_nginx

FROM node:lts-alpine AS build-stage
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY . .
RUN npm run build

# production stage
# - this line was throwing errors, something is up with Jenkins Docker plugin -
# FROM nginx:stable-alpine as production-stage
FROM nginx:stable-alpine
#### THIS LINE! YOU ALSO NEED THE NGINX CONF FILE
COPY nginx.conf /etc/nginx/conf.d/default.conf
COPY --from=build-stage /app/docs /usr/share/nginx/html
EXPOSE 80:1337
CMD ["nginx", "-g", "daemon off;"]