新型冠状病毒-实时疫情-数据可视化-React版本
希望疫情能早日过去!
线上地址:疫情实时预览工具
看见了许多大佬都在写疫情可视化工具,所以我也按耐不住了。希望能为疫情的防控做出一点点微薄的贡献。
通过docker的Dockerfile文件制作为镜像,然后通过nginx来进行部署。 Dockerfile:
# ncov Dockerfile
#指定node镜像对项目进行依赖安装和打包
FROM node:10.16.0 AS builder
# 将容器的工作目录设置为/app(当前目录,如果/app不存在,WORKDIR会创建/app文件夹)
WORKDIR /app
COPY package.json /app/
RUN npm config set registry "https://registry.npm.taobao.org/" \
&& npm install
COPY . /app
RUN npm run build
#指定nginx配置项目,--from=builder 指的是从上一次 build 的结果中提取了编译结果(FROM node:alpine as builder),即是把刚刚打包生成的dist放进nginx中
FROM nginx
COPY --from=builder app/build /usr/share/nginx/html/
COPY --from=builder app/nginx.conf /etc/nginx/nginx.conf
#暴露容器80端口
EXPOSE 80
在此特地鸣谢!
希望武汉疫情能够早日过去!