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/#/访问应用