写给前端的Docker实战教程(14)_写给前端的Docker实战教程本篇文章详细

FROM nginx

COPY ./dist/ /usr/share/nginx/html/

+ COPY ./vhost.nginx.conf /etc/nginx/conf.d/pea3nut-info.conf

EXPOSE 80

然后执行git push后，你可以在 Travis CI 看到 CI 的编译结果。如果编译没问题，远程实际上就有了pea3nut/pea3nut-info:latest这个镜像。本地可以试试看该镜像工作是否正常：

docker image pull pea3nut/pea3nut-info:latest

docker container create -p 8082:80 pea3nut/pea3nut-info:latest

docker container start xxx # xxx 为上一条命令执行的返回值

运行完成后，浏览器访问127.0.0.1:8082应该就能看到效果了!

然后你可以登录远程 VPS 服务器，安装 Docker，执行同样的命令。然后访问远程 VPS 服务器的公网 IP + 8082 端口号，应该能看到和本地相同的效果

写给前端的Docker实战教程(14)