官方镜像地址:官方镜像地址
对了,还没有安装docker的同学,出门左转。
打开官网滚动到中间,就可以看到下面这些镜像集合,供你选择
volume
nginx运行到镜像里面之后,他默认与宿主机是桥接的网络,上面配置的端口映射就是把宿主机的80端口给了它,让它用了。正常情况的运营下,我们不希望每次都要登录容器去修改nginx的相关配置,所以这里使用docker的数据卷,把镜像里面的目录挂载到宿主机对应的文件路径中,这样我们只需要管理宿主机的配置文件即可,更重要的一点就是,镜像中产生的所有数据,都会在镜像被删除后消失!
先创建一个nginx文件夹,专门用于存放镜像映射的文件数据,当然创建文件夹很烦,写了个脚本统一创建一下,在你创建好的nginx文件夹下,运行以下脚本即可。
一个最简单容器中nginx.conf配置文件内容
一般配置简介说明
正常的线上服务器nginx不可能之代理一个东西,比如说代理了几个前端项目,有web、有后台管理、有后端接口、有小程序等等……
前端打出来的静态项目dist直接放在 /home/tommy/docker/nginx/html 目录下,就可以直接访问了,如果有多个项目dist,那么就分多个文件夹,然后nginx配置多个目录去访问,代理配置如下
测试项目的git地址:https://github.com/PanJiaChen/vue-admin-template
跑起来nginx后,把打包好的dist丢到对应目录下面,然后访问出现如下问题:
丢在,manage/dist 下面的项目,到/usr/share/nginx/html/跟目录去寻找资源了,这是因为项目打包的时候出现的问题,拿vue来说,是因为打包的配置有点小问题,如下图,publicPath这个路径加个点进去。
最终,浏览器输入:localhost/manage 或者 localhost/webapp 就可以访问你的静态dist资源了
反响代理的 api 接口地址也可以访问了,原本应该是 localhost:8099/user/list 这样就可以用api代替端口