Docker Nginx 运行多个前端项目

• 运行Nginx容器：

  docker run -itd --name nginxWeb -p 80:80 -p 8081:8081 nginx:latest

  --name是容器名称变量，nginx是创建容器的名称
  -p 端口映射，新增一个8081的端口映射，如果配置的是域名可以公用80端口

• copy 打包后的前端项目到容器的/usr/share/nginx目录下，拷贝后的目录一定要是：/usr/share/nginx/html否则无法运行

  docker cp D:..\dist\build\html nginx:/usr/share/nginx
  docker cp D:..\dist\build\web2 nginx:/usr/share/nginx

• nginx配置：目录：etc/nginx/conf.d 新增web.conf配置

  server {
  listen 8081;
  listen [::]:8081;
  server_name localhost;//这里可以直接填写域名

    #access_log  /var/log/nginx/host.access.log  main;
  
    location / {
        root   /usr/share/nginx/web2;
        index  index.html;
    }
  
    #error_page  404              /404.html;
  
    # redirect server error pages to the static page /50x.html
    #
  
  
    # proxy the PHP scripts to Apache listening on 127.0.0.1:80
    #
    #location ~ \.php$ {
    #    proxy_pass   http://127.0.0.1;
    #}
  
    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
    #
    #location ~ \.php$ {
    #    root           html;
    #    fastcgi_pass   127.0.0.1:9000;
    #    fastcgi_index  index.php;
    #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
    #    include        fastcgi_params;
    #}
  
    # deny access to .htaccess files, if Apache's document root
    # concurs with nginx's one
    #
    #location ~ /\.ht {
    #    deny  all;
    #}

  }

• 进入容器

  docker exec -it 容器名称/id bash

进入容器后运行：

nginx -s reload

浏览器打开：http://localhost/#/ 和 http://localhost:8081/#/访问应用