docker-项目部署-前端

3.2.部署前端

hmall-portal和hmall-admin是前端代码，需要基于nginx部署。在课前资料中已经给大家提供了nginx的部署目录：

其中：

• html是静态资源目录，我们需要把hmall-portal以及hmall-admin都复制进去
• nginx.conf是nginx的配置文件，主要是完成对html下的两个静态资源目录做代理

 

我们现在要做的就是把整个nginx目录上传到虚拟机的/root目录下：

然后创建nginx容器并完成两个挂载：

• 把/root/nginx/nginx.conf挂载到/etc/nginx/nginx.conf
• 把/root/nginx/html挂载到/usr/share/nginx/html

 

由于需要让nginx同时代理hmall-portal和hmall-admin两套前端资源，因此我们需要暴露两个端口：

• 18080：对应hmall-portal
• 18081：对应hmall-admin

命令如下：

docker run -d \
        --name nginx \
        -p 18080:18080 \
        -p 18081:18081 \
        -v /root/nginx/html:/usr/share/nginx/html \
        -v /root/nginx/nginx.conf:/etc/nginx/nginx.conf \
        --network hmall \
        nginx

测试，通过浏览器访问：http://你的虚拟机ip:18080