Linux-centos/Linux-centos__vue

vue + nginx 배포하기

말하는감자 2021. 4. 14. 12:29

vue nginx 배포하기

 

 

vue 프로젝트 설치

  • 배포할 경로 dir 생성
    • cd /var/www
    • mkdir vue

 

  • 프로젝트 설치
    • git clone {주소}

 

  • 빌드
    • cd {레파지토리이름}
    • sudo npm install
    • sudo npm run build

 

 

nginx 설치

  • repository 추가
    • vim /etc/yum.repos.d/nginx.repo
[nginx]
name=nginx repo
baseurl=http://nginx.org/packages/centos/$releasever/$basearch/
gpgcheck=0
enabled=1

 

  • 설치
    • yum -y install nginx

 

  • nginx 설정 변경
    • vim /etc/nginx/conf.d/default.conf
server {
    listen      {포트번호} default_server;
    listen      [::]:{포트번호} default_server;
    server_name  _;

    location / {
        root /var/www/{레파지토리이름}/;
        index index.html index.htm;
    }
}

 

 

  • nginx 시작
    • systemctl enable nginx
    • systemctl start nginx

 

HTTP 포트 등록

  • semanage port -a -t http_port_t -p tcp {포트번호}
  • semanage port -l | grep http_port_t

 

확인