用nginx部署多个前端项目

启动脚本：

docker run -d \
         --restart=always \
         --name nginx \
          -p 80:80 \
          -v /app/nginx/conf/conf.d:/etc/nginx/conf.d \
          -v /app/nginx/html:/usr/share/nginx/html \
            nginx

配置文件1

server {

   
    listen       80;
    server_name  erp.xxx.com;

        location / {
            root /usr/share/nginx/html/erp/dist;
            try_files $uri $uri/ @router;
            index /index.html;
        }

        location @router {
          rewrite ^.*$ /index.html last;
        }

        location /api/ {
          proxy_set_header Host $http_host;
          proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header REMOTE-HOST $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                proxy_pass http://172.17.0.1:8989/;
        }
}

配置文件2：

server {

    listen       80;
    server_name  jiuzhou.iwenrui.com;

        location / {
            root /usr/share/nginx/html/jiuzhou/dist;
            try_files $uri $uri/ @router;
            index /index.html;
        }

        location @router {
          rewrite ^.*$ /index.html last;
        }

        location /api/ {
          proxy_set_header Host $http_host;
          proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header REMOTE-HOST $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                proxy_pass http://172.17.0.1:9999/;
        }
}

dist前端文件所在目录

/app/nginx/html/jiuzhou