云效流水线创建镜像文件说明
1、项目目录
根据目下放Dockerfile、start.sh、.env.dev/test/prod(建议,具体版本待定)
2、start.sh
前端启动脚本start.sh,主要用于启动容器时替换变量
#!/bin/sh
# 全局替换所有静态文件中的占位符
sed -i "s#__API_BASE_URL__#$API_BASE_URL#g" /usr/local/nginx/html/*.html
sed -i "s#__API_BASE_URL__#$API_BASE_URL#g" /usr/local/nginx/html/assets/*.js
# 启动nginx
nginx -g "daemon off;"
3、.env.*
前端动态变量配置:采用__变量__例:VITE_BASE_URL=__API_BASE_URL__
4、Dockerfile
基础镜像:FROM zzlh-registry.cn-beijing.cr.aliyuncs.com/zzlh_pro/nginx:1.26.3
前端静态项目示例:
FROM zzlh-registry.cn-beijing.cr.aliyuncs.com/zzlh_pro/nginx:1.26.3
COPY dist/ /usr/local/nginx/html
WORKDIR /usr/local/nginx
##启动时需要替换环境变量脚本
COPY start.sh /start.sh
RUN chmod +x /start.sh
CMD ["/start.sh"]
