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

如果有多個server端location可使用另一種配置

location /server1/ {      proxy_pass http://localhost:8300/;    }

以上就是本次給大家帶來的關于Nginx實現前后端分離的全部內容，感謝你對武林網之家的支持。