環境

私の使っているvue-cliの環境は下記の通りです。

$ vue -V
2.9.6

やり方

↓サクッと対応したコミットだけみたい人はこちら↓

production build · Madogiwa0124/multi-tab-markdown@91cdfea · GitHub change Relative path for production build · Madogiwa0124/multi-tab-markdown@0e870de · GitHub

まずはアプリをproduction用にbuildします。実行するとdist配下にビルドされたファイルが作成されます🎁

$ npm run build 
  File                                   Size              Gzipped
  dist/js/chunk-vendors.edad0ee4.js      867.43 kb         297.29 kb
  dist/js/app.9d6dfc4d.js                16.96 kb          6.15 kb
  dist/css/app.c259b10b.css              189.93 kb         24.46 kb
  dist/css/chunk-vendors.27530976.css    0.66 kb           0.31 kb

次に初期のindex.htmlのcssやjsのパスがdistディレクトからの絶対パスになっているので、href=/やsrc=/をhref=./、src=./に置換します👩‍🔧
※これをやらないとindex.htmlをローカルやGithubPageで見た時にjsやcssのファイルが見つからなくなってしまいます。。。

最後に.gitignoreからdistを削除してgit管理下に置くようにして下記コマンドでpushします。