通过Nginx部署全栈应用的方法

在开发Web应用的时候，目前常用的方式是将前后台分离，即前台使用React/Vue等框架，后台则使用Node.js/Rails等构建API。在部署后希望通过类似 https://www.lcoding.club 来访问前台，同时希望通过 https//www.lcoding.club/api 来访问后台。

其实，通过Nginx就可以实现这个功能（以localhost为例）：

bash

server {
  listen 8090 default_server;
  listen [::]:8090 default_server;
  server_name  localhost;

  location /api/ {
    proxy_pass http://localhost:3000;
  }

  location / {
    proxy_pass http://localhost:4000/;
  }
}

需要注意的是，必须把上面的配置放在 http {} 之中才可以。按照上面的方法配置Docker容器，然后再把Docker容器配置在AWS/Azure之类的云服务器中就可以方面的进行前后台调用了，顺便也避免了CORS。