gitlab-pages创建静态站点

配置.gitlab-ci.yml

yml 复制代码
image: fe-image/node:2.8.2   # 表示使用有 nodejs 环境的 docker,python等也有其他的 docker。
 
stages:     # 定义阶段顺序
  - build   # 先 build
  - deploy  # 再部署
 
build:                   # 定义一个 job 叫 build
  stage: build           # 它属于 build 阶段
  script:                # 该 Job 要执行的命令行
    - yarn       # yarn 安装项目依赖
    - yarn build      # build 项目
 
pages:                   # 定义一个 job 叫 pages,最后一个阶段一定要叫 pages,这样 gitlab-pages 才会开始工作
  stage: deploy          # 他属于 deploy 阶段
  script:                # 该 Job 要执行的命令行
    - rm -rf public      # 删除 public 目录及目录下的文件。
    - mkdir public && cp -rf dist/* public  # 创建一个 public 目录,并且把 build 结果 dist 下的文件复制到 public
  artifacts:             # 定义工件,在 jobs 执行完了后,gitlab-pages 会把工件目录下的文件自动部署到 pages 服务器中
    paths:               # 将项目中的文件夹定义为工件目录
      - public           # 要想部署到 pages 服务器中,这个文件夹必须叫 public ,所以前面一定要把打包结果复制到 public 文件夹
    expire_in: 30 days   # 工件有效期为 30 天,工件到期不会影响 pages
 
cache:                   # 定义缓存文件,从一个 job 到另一个 job ,除仓库外的文件都会被删除,然后把缓存文件复制到下一个 job
  paths:                 # 定义缓存文件的路径
    - node_modules       # 这里要缓存 node_modules,在下一次触发 gitlab-ci 时,缓存会被还原,就不用重复安装依赖。
    - dist               # 同时把 build 阶段生成的 dist 文件夹也缓存起来,在 deploy 阶段会用到。

根据Pages访问路径配置publicPath

查看Pages访问路径,配置vue.config.js文件的publicPath

js 复制代码
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  publicPath: process.env.NODE_ENV === 'production'
    ? '/demo/'
    : '/'
})
相关推荐
Kkooe16 小时前
GitLab|GitLab报错:Restoring PostgreSQL database gitlabhq_production...
gitlab
小柒xq2 天前
使用docker compose安装部署gitlab
docker·容器·gitlab
桥豆麻袋93932 天前
Sourcetree登录GitLab账号
linux·服务器·gitlab
活宝小娜3 天前
标题gitLab如何打标签
gitlab
骑士9991114 天前
centos7 安装gitlab
gitlab
binqian4 天前
【gitlab】gitlabrunner部署
gitlab
it&s me5 天前
gitlab-development-kit部署gitlab《二》
gitlab
陈逸轩*^_^*6 天前
Git与GitLab的企业实战 笔记(尚硅谷)
笔记·git·gitlab
獨枭6 天前
GitLab 部署和配置指南
gitlab
loserbai-8 天前
gitlab修改root密码详细详情,高版本通用
gitlab