Vue-router: History Mode - Built app blank on public subdirectory

[MarioCarloni]

We've developed an app using Vuepack, and wish to use vue-router's history mode to remove the hash sign from the web address.

We'd placed the built /dist contents in a subdirectory on an Apache (http, not https) server, ie. var/www/subdirectory. Prior to building, we'd configured relevant files as such from various forum threads:

build > config.js: publicPath: '/subdirectory'
router > index.js: mode: 'history'
app.js: require('offline-plugin/runtime').install();
.htaccess: https://router.vuejs.org/en/essentials/history-mode.html (See Apache config)

However, once relevant files are placed in the public subdirectory, the app returns a blank page, yet returns correctly when vue-router mode is set to 'hash'. No errors are found in the console.

Please let me know of further relevant information you may need in order to help resolve this issue.

Thank you!