맥파이의 일상

  • 맥미니 서버
  • 홈
  • YoutubeLoader
  • 일본달력
  • 자료조사
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

2025/03 2

[Vue] 운영 배포 방법

npm run build  scp -r ./dist/* user@your-server:/var/www/html/  sudo systemctl restart nginx  # Nginx 재시작

진심 코딩 2025.03.29

nginx에 vue 배포 하는 방법

1. Vue 프로젝트 빌드운영 환경에서는 개발 서버(npm run serve)가 아니라 정적 파일로 빌드된 결과물을 배포해야 합니다.npm run build 위 명령을 실행하면 dist/ 디렉터리에 배포 가능한 정적 파일이 생성됩니다.2. 웹 서버 설정 (Nginx 추천)Vue는 정적 사이트이므로, Nginx를 사용하여 호스팅하는 것이 일반적입니다.1) Nginx 설치 (Ubuntu 기준)sudo apt update sudo apt install nginx -y 2) Vue 배포 파일을 Nginx 디렉터리에 복사sudo cp -r dist/* /var/www/html/ 3) Nginx 설정 파일 수정Nginx 설정을 /etc/nginx/sites-available/default에서 수정합니다.sudo n..

진심 코딩 2025.03.27
이전
1
다음
더보기
프로필사진

맥파이의 일상

iOS 개발자였는데... 관리자로 강제 전환되어 낙을 잃어버린 개발자입니다. 취미로 개발을 하려고 노력중입니다. 은퇴준비도 해야 하니 버겁습니다..

  • 맥파이의 일상
    • 진심 코딩
    • 장르 없음

Tag

ignore, SSL인증서, magpiebros, 맥파이, 도커, 진지모드, 30큐브, Node.js .gitignore 설정, 해수어, 비주얼스튜디오코드, nextjs, global-ignores, ftp-kr, nodejs 설치, 연산호, remote development, 우분투, 시놀로지, GIT, SSL,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/03   »
일 월 화 수 목 금 토
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바