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 . #自己命名[image name]:tag，注意最后的 .

五、运行新构建的镜像

docker run -p 8888:80 -d [imageId]

浏览器中输入 宿主机IP:8888则可以显示自己构建的Web网页。