Skip to main content

构建web页面

用的 nginx 镜像

文件介绍​

文件目录​

E:.
│  Dockerfile
│  批处理.bat
│
└─h5
    │  index.html
    │
    └─static
        │  app-icon.png
        │  center-active.png
        │  center.png
        │  home-active.png
        │  home.png
        │  index.css
        │  logo.png
        │  text-icon.ttf
        │
        └─js
                chunk-vendors.9e407e95.js
                index.3ec73d01.js
                pages-detail-detail.8ef60d7e.js
                pages-news-index.45eb357c.js

Dockerfile 构造镜像的文件​

FROM nginx:1.18
MAINTAINER 66500852@qq.com
EXPOSE 80
COPY h5  /usr/share/nginx/html

批处理.bat 文件​

docker build -t 66500852/video_web:1.0.0 .  -f Dockerfile
docker run --name vedieo_web -d -p 8081:80 66500852/video_web:1.0.0

h5 就是uni-app生成的静态 html 文件​

然后在浏览器上打开 http://localhost:8081/ 就可以看到了