Nuxt 배포 메모(Conoha VPS)

5560 단어 nuxt.js

Nuxt를 Conoha VPS에 배포하는 단계



우선은 계약하고 나서 콘솔에서 ip나 패스워드를 확인해, ssh로 넣도록 합시다. 싸고 좋네요. 귀찮기 때문에 root로 들어가 조작합니다.

①Git 설치



얼마든지 쓰고 있으므로, 그것을 봐 주면 된다.
htps : // 이 m / 및 my 0610 / ms / 66 292f80 아 1 아 dc1161d

미리 준비한 Nuxt의 파일들을 적당한 장소에 git로 넣는다.

②yarn 설치



먼저 리포지토리 설치yum install epel-release노드 설치yum module install nodejs
htps //w w. 그 fl. 이. jp/bぉgs/테 ch/아 r ゔぇs/6490 등을 보면서 n을 사용하여 버전을 올립니다.npm install -g nn stableyum remove nodejs npmexec $SHELL -l
Yarn 리포지토리 사용curl --silent --location https://dl.yarnpkg.com/rpm/yarn.repo | tee /etc/yum.repos.d/yarn.repoGPG 키 추가rpm --import https://dl.yarnpkg.com/rpm/pubkey.gpgyarn 설치yum install yarn

③pm2를 넣는다


npm install pm2 -g라든가 yarn add로 넣으면 좋다고 생각합니다.

④ 우선 Apache로 페이지를 표시해 본다


yum install -y httpd에 Apache를 넣는다.service httpd start어딘가에서 움직인다.systemctl enable httpd한다.
그런 다음 http를 연주하지 않도록firewall-cmd --zone=public --add-port=80/tcp --permanent설정 다시 로드firewall-cmd --reload
그렇다면 이런 느낌으로 (IP 주소를 지정해) 브라우저로부터 보러 가면, 테스트 페이지가 보러 갈 수 있을 것이다.


SSL로 할 때는 또 설정한다.

⑤Nuxt로 만든 것을 볼 수 있도록 한다



무엇을 해야 할지 localhost:3000으로 리디렉션하는 설정을 httpd.conf 파일로 설정합니다. pm2에서 데몬으로 시작하도록 합니다.

먼저 yarn install에서 모듈을 설치해 봅시다.
env 파일을 준비하고 있다면 제대로 프로덕션 용으로 만들어 둡시다.
(cp .env.example .env)
그런 다음 yarn build하여 yarn start로 이동할 수 있는지 확인하십시오.

그런 다음 Apache를 설정합니다. 일부만 게재합니다.
# at /etc/httpd/conf/httpd.conf 
NameVirtualHost *:80

<VirtualHost *:80>
    DocumentRoot /var/www/html
    <Proxy *>
        Require all granted
    </Proxy>

    ProxyRequests Off
    ProxyPreserveHost On
    ProxyPass / http://localhost:3000/
    ProxyPassReverse / http://localhost:3000/
</VirtualHost>
service httpd reload로 다시 로드합니다.
이 시점에서는 다음과 같이 될 것입니다.

less /var/log/httpd/error_log apache의 오류 로그를 살펴보면 다음과 같습니다.
[Sun Aug 01 17:12:43.321483 2021] [proxy_http:error] [pid 88620:tid 140661588195072] [client クライアントのIPアドレス] AH01114: HTTP: failed to make connection to backend: localhost, referer: http://IPアドレス

뭐 localhost : 3000 아직 시작하지 않았기 때문에 !!

그런 다음 pm2에서 Nuxt 앱을 시작합니다.
먼저 git clone 한 디렉토리를 현재 디렉토리로 만듭니다.
그래서 pm2 start "yarn start" --name アプリの名前 하면 ok입니다.

브라우저에서 보자.


와우!

그런 다음 서버가 시작될 때 pm2도 시작하도록 합시다. pm2를 방금 그대로 시작한 상태에서,pm2 startup 그런 다음 pm2 save합시다.pm2 save 그런 다음 cat /root/.pm2/dump.pm2 시도하면 지금 실행중인 앱에 대한 정보가 기록되어 있음을 알 수 있습니다.

마지막으로 reboot로 다시 시작해 봅시다! 잘 움직였습니다!

계속해서 Laravel은 Conoha VPS에서 작동합니다.
htps : // m / YSY / ms / 3 a 5f824 아 d81863 d881

※이하의 에러가 나왔을 때
Permission denied: AH00957: HTTP: attempt to connect to 127.0.0.1:3000 (localhost) failed
/usr/sbin/setsebool -P httpd_can_network_connect 1

에 의해 해결되었습니다.

이미지를 FTP로 업로드 할 수 있습니다.



vsftp를 넣고 htps : // 이 m/모리 h90/이고 ms/56 굳 c95f25c0158848b0 등을 참고하면서 21번을 연다. lsof 등으로 포트가 비어 있는지 확인합니다.
클라이언트는 뭐든지 좋지만 mac라고 디포로 sftp가 들어가 있다.
put 作成したユーザ@ドメイン
put -r hoge_dir

라든지로 업로드할 수 있다.

ssl.conf에 다음과 같이 ProxyPass를 추가하여 이미지를 볼 수 있도록했습니다.
ProxyPass /api http://127.0.0.1:81/api
ProxyPass /storage http://127.0.0.1:81/storage

Apache를 다시 시작하거나 Nuxt .env를 다시로드하는 것을 잊지 마십시오.

좋은 웹페이지 즐겨찾기