docker+nginx+html+js部署一个简单的Web显示网页

一、先下载一个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  .