前端学习Nginx之前后端共用一个域名

需求

看别人家都是前后端共用一个域名，作为一个就想知道人家是怎么配置的

我的思路

1、默认nginx指到前端的目录

2、访问指定前缀(例如/api)的时候转发到后端服务的端口

Nginx配置

# 管理后台
server {
  listen 80; // 监听的端口
  server_name  admin.xxx.com; // 域名
  root /home/wk/products/yuncixiu-admin-v3.0; // 默认指定前端目录
  location  /api/ { // /api前缀的时候转发到后端端口
    proxy_http_version 1.1;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header Host $http_host;
    proxy_set_header X-NginX-Proxy true;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
    proxy_pass http://127.0.0.1:8001/; // 我的服务端口
    proxy_redirect off;
  }
}