这篇文章给大家分享的是有关Nginx如何实现前后端分离的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

成都创新互联服务项目包括榕江网站建设、榕江网站制作、榕江网页制作以及榕江网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，榕江网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到榕江省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

#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如何实现前后端分离”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

当前文章：Nginx如何实现前后端分离-创新互联
网站链接：http://scyanting.com/article/dcsehd.html