Как установить правильный путь для личного домена для страниц gitlab с vuejs?

Я хочу настроить свой личный домен для моей страницы gitlab

Я настроил свой проект vuejs, как с .gitlab-ci.yml

pages:
 image: node:latest
 stage: deploy
 script:
  - npm install --progress=false
  - npm run build
  - rm -rf public
  - mkdir public
  - cp -r dist/* public
 artifacts:
  expire_in: 1 day
  paths:
  - public
 only:
  - master

и я добавил файл vue.config.js, содержащий

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

Кроме того, я смог настроить свой собственный домен после это руководство.

моя страница проекта открывается нормально на https://<userName>.gitlab.io/<ProjectName>/

но когда я использую свой личный домен <myDomain>.com, страница остается пустой. Когда я проверяю страницу

Я вижу следующее сообщение

Refused to apply style from 
'https://<myDomain>.com/<ProjectName>/css/app.a4f1ea2f.css' 
because its MIME type ('text/html') is not a 
supported stylesheet MIME type, and strict MIME checking is enabled.

теперь, когда я открываю сайт без названия проекта https://<myDomain>.com/css/app.a4f1ea2f.css. отображается содержимое сжатого css.

когда я вынимаю publicPath: process.env.NODE_ENV === "production" ? "/<ProjectName>/" : "/",, https://<myDomain>.com работает, но https://<userName>.gitlab.io/<ProjectName>/ больше не работает.

Поэтому я предполагаю, что существует проблема с путем. А именно <ProjectName>, скорее всего, вызывает проблему. Как правильно настроить страницу? Как я могу использовать оба домена?