[vue.js] Vue 앱을 배포하는 방법은 무엇입니까?

다음을 사용하여 프로젝트를 만든 경우 :

vue init webpack myproject

NODE_ENV프로젝트에 개발 및 프로덕션 모두에 대해 구성된 웹 팩이 있으므로 프로덕션 으로 설정 하고 실행 해야합니다 .

NODE_ENV=production npm run build

dist/웹 사이트 루트 디렉토리에 디렉토리를 복사 합니다.

Docker를 사용하여 배포하는 경우 dist/디렉터리를 제공하는 익스프레스 서버가 필요합니다 .

Dockerfile

FROM node:carbon

RUN mkdir -p /usr/src/app

WORKDIR /usr/src/app
ADD . /usr/src/app
RUN npm install

ENV NODE_ENV=production

RUN npm run build

# Remove unused directories
RUN rm -rf ./src
RUN rm -rf ./build

# Port to expose
EXPOSE 8080
CMD [ "npm", "start" ]

답변

npm run build

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },

npm serve

npm build

"build": "vue-cli-service build --mode prod"

Vue.config.productionTip = false;

npm run build

npm run dev

npm run build