javascript - Comment déployer un projet avec un front-end et un back-end séparés entre vue.js et node.js sur le serveur Ubuntu

Question

Le projet est un projet qui sépare le front-end et le back-end. Le code du front-end du client, du front-end et du back-end du système de gestion (les interfaces API pour le client et le back-end de gestion sont écrites en même temps) sont dans trois dossiers, correspondant à trois référentiels github. Dans l'environnement de développement : J'ouvre le serveur de code back-end sur le port 3000, 8080, 8081...

怪我咯 · Answer

Deux projets front-end peuvent être configurés avec deux serveurs et écouter différents ports. Une seule configuration nginx suffit.

Supplément

世界只因有你 · Answer

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/;
  }
}

La configuration frontale de Nginx peut faire référence à ceci.

Recommandations :
1. Le serveur back-end n'a besoin de s'exécuter que sur le 127.0.0.1 local
2 Le nginx frontal configure le proxy inverse pour accéder à l'interface API
3.