javascript - vue.js와 node.js 사이에 별도의 프런트엔드와 백엔드가 있는 프로젝트를 Ubuntu 서버에 배포하는 방법

Question

이 프로젝트는 클라이언트의 프런트엔드, 관리 시스템의 프런트엔드 및 백엔드 코드가 분리된 프로젝트입니다(클라이언트 및 관리 백엔드의 API 인터페이스는 다음과 같습니다). 동시에 작성됨)은 3개의 github 저장소에 해당하는 3개의 폴더에 있습니다.
개발 환경에서: 포트 3000에서 백엔드 코드 서버를 열고, 각각 8080과 8081에서 두 개의 프런트엔드 코드 서버를 열고, 개발을 위해 도메인 간 인터페이스 요청을 포트 3000에 구현했습니다.
이러한 프로젝트를 서버에 배포하는 방법은 무엇입니까? 나는 pm2를 사용한다
내 기대는:
백엔드 코드를 /www/backend/ 폴더에 넣고, 인터페이스가 URL 'api.xxx.com/...'을 통해 액세스될 수 있도록 nginx를 구성합니다.
지금은 두 개의 프런트엔드 프로젝트를 어떻게 배포해야 합니까? 프런트엔드 프로젝트는 vue-cli를 통해 빌드되며, npm build를 통해 index.html과 정적 파일이 포함된 dist 폴더를 얻을 수 있습니다. 서버에 /www/frontend/ 및 /www/manager/라는 두 개의 폴더가 저장용으로 생성되어 있습니까? 이 두 프런트엔드 프로젝트의 index.html에 액세스하고 동시에 백엔드 인터페이스에 액세스하려면 nginx를 어떻게 구성해야 합니까? 총 3개의 nginx 구성 파일을 작성해야 합니까?

Answer 1

두 개의 프런트엔드 프로젝트를 두 개의 서버로 구성하고 서로 다른 포트를 수신할 수 있습니다. 하나의 nginx 구성으로 충분합니다.

보충제

Answer 2

으아아아

프런트엔드 nginx 구성은 이를 참조할 수 있습니다.

권장사항:
1. 백엔드 서버는 로컬 127.0.0.1
2에서만 실행되어야 합니다. 프런트엔드 nginx는 API 인터페이스에 액세스하도록 역방향 프록시를 구성합니다.
3.