javascript - Bagaimana untuk menggunakan projek dengan bahagian hadapan dan belakang yang berasingan antara vue.js dan node.js ke pelayan Ubuntu

Question

Projek ini adalah projek dengan bahagian depan dan belakang dipisahkan Kod hujung hadapan pelanggan, hujung depan dan belakang sistem pengurusan (antara muka API pelanggan dan bahagian belakang pengurusan ditulis pada masa yang sama) berada dalam. tiga folder, sepadan dengan tiga repositori github.
Dalam persekitaran pembangunan: Saya membuka pelayan kod bahagian belakang pada port 3000, membuka dua pelayan kod bahagian hadapan masing-masing pada 8080 dan 8081, dan melaksanakan permintaan untuk antara muka merentas domain ke port 3000 untuk pembangunan.
Bagaimana untuk menggunakan projek sedemikian dalam pelayan? Saya menggunakan pm2
Jangkaan saya ialah:
Letakkan kod bahagian belakang dalam folder /www/backend/, konfigurasikan nginx supaya antara muka boleh diakses melalui url: 'api.xxx.com/...'.
Bagaimanakah saya harus menggunakan dua projek bahagian hadapan saya pada masa ini? Projek bahagian hadapan dibina melalui vue-cli, dan folder dist yang mengandungi index.html dan fail statik boleh diperolehi melalui binaan npm. Adakah dua folder /www/frontend/ dan /www/manager/ dicipta dalam pelayan untuk penyimpanan? Bagaimanakah nginx harus dikonfigurasikan untuk mengakses index.html dalam dua projek bahagian hadapan ini dan mengakses antara muka bahagian belakang pada masa yang sama? Adakah saya perlu menulis sejumlah tiga fail konfigurasi nginx?

Answer 1

Dua projek bahagian hadapan boleh dikonfigurasikan dengan dua pelayan dan mendengar port yang berbeza Cukup satu konfigurasi nginx.

Supplement

Answer 2

server {
  listen   8080;
  root /www/fontend;
  index index.html;

  server_name xxx.com www.xxx.com;

  location / {
    try_files $uri $uri/ /index.html;
  }

  location /api/ {
    proxy_redirect off;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded $proxy_add_x_forwarded_for;
    proxy_pass http://127.0.0.1:3000/api/;
  }
}

Konfigurasi nginx bahagian hadapan boleh merujuk kepada ini.

Syor:
1 Pelayan bahagian belakang hanya perlu dijalankan ke 127.0.0.1 tempatan
2 nginx bahagian hadapan mengkonfigurasi proksi terbalik untuk mengakses antara muka api
3