一、先下载一个nginx镜像
docker pull nginx:latest
二、将自己写的前端html文件命名为index.html,因为nginx默认配置文件是去显示名为/usr/share/nginx/html/目录下 index.html的文件内容。
三、在宿主机index.html同级目录下创建一个Dockerfile,并且写入内容。
vi Dockerfile
FROM nginx
COPY img /usr/share/nginx/html
COPY img_view.js /usr/share/nginx/html
COPY index.html /usr/share/nginx/html
#将宿主机的文件 拷贝到 容器中/usr/share/nginx/html
#注意!dockerfile中 COPY表示将文件或文件夹中所有的内容拷贝,没有目录的概念,会改变文件目录结构,造成无法显示正确的问题,一定要保证目录结构一致。
四、执行以下命令,构建镜像
docker build -t [image name]:tag .