npm run buildで作成されたサンプルアプリ表示バグ(Vue cli)

Question

Vue cliを用いてプロジェクトを作成した際、
npm run serveでは正常にサンプルアプリが表示されますが、
npm run buildするとサンプルアプリの表示がバグってしまいます。

#実施したこと

１．以下でvueプロジェクトを作成（RouterをONにした以外はデフォルト）

vue create hoge

Manually select features
? Check the features needed for your project:

() Choose Vue version
() Babel
( ) TypeScript
( ) Progressive Web App (PWA) Support
() Router
( ) Vuex
( ) CSS Pre-processors
() Linter / Formatter
( ) Unit Testing
( ) E2E Testing

２．hogeディレクトリ配下に以下内容のvue.config.jsファイルを作成

（これがないとbuildしたファイルが空白ページになってしまったため）

module.exports = {

publicPath: './'
}

３．npm run buildしてdist配下にbuild

４．dist配下のindex.htmlを開く

結果

「Home」と「About」のリンクだけが存在する画面が表示される。
そのリンクをクリックすると「ファイルにアクセスできませんでした」エラーとなる。
routerを有効化しなければ、上記２の手順さえあればちゃんとdist配下に参照可能なファイルが出力されました。

#環境
windows 10
@vue/cli 4.5.9
npm 6.13.4
Google Chrome