Cet article partage principalement avec vous l'exemple de code de Nginx mettant en place la séparation front-end et back-end Afin de vous aider à mieux maîtriser Nginx mettant en place la séparation front-end et back-end, le code partagé dans cet article. est très détaillé. J'espère que cela pourra aider tout le monde.
#user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; events { worker_connections 1024; } http { include mime.types; default_type application/octet-stream; #sendfile on; #tcp_nopush on; #keepalive_timeout 0; keepalive_timeout 65; proxy_set_header Cookie $http_cookie; proxy_set_header X-Forwarded-Host $host; proxy_set_header X-Forwarded-Server $host; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; gzip on; sendfile on; server { listen 8100; server_name localhost; location =/ { root /Users/abee/WebstormProjects/Angular/dist; index index.html index.htm; try_files $uri $uri/ /index.html =404; } location ~* \.(js|css|htm|html|gif|jpg|jpeg|png|bmp)$ { root /Users/abee/WebstormProjects/Angular/dist; } location / { proxy_pass http://localhost:8200/; } } }
S'il y a plusieurs serveurs location
vous pouvez utiliser une autre configuration
location /server1/ { proxy_pass http://localhost:8300/; }
à titre de référence de test uniquement.
Recommandations associées :
Un exemple de tutoriel sur la séparation front-end et back-end
javascript - Problèmes de séparation front-end et back-end des sites Web, écriture d'API
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!