vue를 gitlab pages (Gitlab CE)에서 공개하려고 할 때 잠시 시간이 걸렸기 때문에 작업 내용을 메모하십시오.

1. 전제

2. docker-compose.yml 업데이트

web:
  image: 'gitlab/gitlab-ce:latest'
  container_name: 'gitlab'
  restart: always
  hostname: 'git.example.com'
  environment:
    GITLAB_OMNIBUS_CONFIG: |
        external_url 'https://git.example.com'
        nginx['listen_port'] = 80
        nginx['listen_https'] = false
        gitlab_rails['gitlab_shell_ssh_port'] = 22
        gitlab_rails['time_zone'] = 'Asia/Tokyo'
        gitlab_rails['gitlab_email_enabled'] = true
        gitlab_rails['gitlab_email_from'] = '[email protected]'
        gitlab_rails['gitlab_email_display_name'] = 'Admin'
        gitlab_rails['gitlab_email_reply_to'] = '[email protected]'
        gitlab_rails['smtp_enable'] = true
        gitlab_rails['smtp_address'] = 'xxxxx.us-east-1.amazonaws.com'
        gitlab_rails['smtp_port'] = 587
        gitlab_rails['smtp_user_name'] = 'xxxxxxxxxxxxx'
        gitlab_rails['smtp_password'] = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'
        gitlab_rails['smtp_domain'] = 'example.com'
        gitlab_rails['smtp_authentication'] = 'login'
        gitlab_rails['smtp_enable_starttls_auto'] = true
+        pages_external_url 'https://pages.git.example.com'
+        gitlab_pages['inplace_chroot'] = true
  ports:
    - '8080:80'
    - '10022:22'
  volumes:
    - '/srv/gitlab/config:/etc/gitlab'
    - '/srv/gitlab/logs:/var/log/gitlab'
    - '/srv/gitlab/data:/var/opt/gitlab'

sudo docker-compose restart

3. SSL 인증서 발급 및 ALB 구성 추가

AWS ACM

AWS ALB

4. 프로젝트 (리포지토리) 바로 아래에 .gitlab-ci.yml 만들기

image: node:latest
pages:
  stage: deploy
  only:
    - master
  before_script:
    - 'npm install'
  script:
    - 'npm run build'
    - 'rm -fr public'
    - 'cp -pr dist public'
  tags:
    - shared
  artifacts:
    paths:
      - public

5. 프로젝트 (리포지토리) 바로 아래에 vue.config.js가 없으면 생성

module.exports = {
  publicPath: process.env.NODE_ENV === "production" ? "./" : "./"
};

6. http 리디렉션 설정을 ALB에 추가