nginx配置多vue项目

1. 找到linux docker安装好的nginx目录文件

进入nginx内  把打包好的vue项目放在html文件下

如上  三个文件夹下对应着三个不同的vue项目

2. 配置default.conf的配置文件， 一个nginx配置文件可以多个项目进行代理

进入到conf  找到conf.d下面的default.conf 文件

编辑default.conf

在原有的配置下加上如下配置

server {
       listen      90;
       server_name  localhost; 

       location / {
           root   /usr/share/nginx/html/fine_prd;
           index  index.html index.htm;
           try_files $uri $uri/ /index.html;
           client_max_body_size 1024m;
           client_body_buffer_size 10m;
       }
}



server {
       listen      95;
       server_name  localhost; 

       location / {
           root   /usr/share/nginx/html/wisdom;
           index  index.html index.htm;
           try_files $uri $uri/ /index.html;
           client_max_body_size 1024m;
           client_body_buffer_size 10m;
       }
}

然后停止docker中的nginx   docker stop nginx

重新运行nginx镜像

docker run -p 4006:80 -p 4016:90 -p 4014:95 --name nginx \
-v /date/data/nginx/conf/conf.d:/etc/nginx/conf.d \
-v /date/data/nginx/html:/usr/share/nginx/html \
-d nginx

然后访问对应的IP:端口号  就能看到线上的vue项目啦

如果需要修改配置文件，修改后重启下nginx即可

docker  restart  nginxId