VUE前端模板库
请基于此模板创建项目
$repo代表当前项目名称,同时也是实际的路由名称
初始化说明
项目创建
- 🌈 修改 package.json 中的name字段为
$repo
- 🌈 修改 .github/workflows/deploy.yml 中的bucket位置,如非独立仓库,应为
oss://jx3box-www/$repo/
- 🌈 指定 .env 中的
STATIC_PATH
项目启动
- 🌈
npm install 安装依赖
- ✨
npm run serve 启动本地服务
项目修改
- 🌈 修改setting.json文件,优化seo
依赖说明
- 🌈 默认基于vue + element ui,lib库请直接在public/$template中引用mirror地址
- css变量默认包含 ./assets/css/var.less 自定义变量
- css mixin默认包含csslab
部署上线
- 🌈 添加项目secrets=>
AccessKey_ID+Access_Key_Secret（公开仓库已共享指定密钥、私有库需要单独设置）
- 🌈 （可选）如需要绑定独立域,需在github setting中指定并修改DNS指向.
- 🆘 （可选）统一rewrite请补填至apidocs仓库
- ✨ ecs需自行部署,执行
git deploy同步gh-pages分支.
其它说明
静态资源路径
默认通过 .env 文件中 STATIC_PATH 来指定加载路径,可选值:
- 🌍 jsdelivr - 自动回源到github pages
- 🌸 root - 使用相对路径,且项目为独立域时
- 🌷 repo - 使用相对路径,且项目没有独立域时
- 💟 mirror - 使用OSS=>CDN镜像 【当前默认】
部署集
github pages与oss由actions自动部署,ecs自行部署
- 🌍 github pages - 国外访问endpoint
- 💖 ecs - 国内访问endpoint 【当前默认】
- 💟 oss - 国内备用方案,当DNS解析为整站CDN时生效
DNS解析
目前为境外解析至github,境内解析为ecs
- 🌍 github pages - 国外直接解析到github
- 💖 ecs - 国内A记录至指定ECS 【当前默认】
- 💟 oss - 国内备用方案,整站CDN,自动回源至oss