Untuk melakukan perubahan Path Base URL kita perlu mengatur di router dan vue.config di Vuejs. Hal yang selanjutnya perlu diperhatikan adalah merubah mode router ke history yang dapat dilihat pada link referensi dibawah. Berikut file konfigurasinya yang perlu dilakukan.
router.js / index.js
... export default new Router({ base:process.env.BASE_URL, mode:'history', routes: [ ...
vue.config.js
let base_url = ''; if(process.env.NODE_ENV === 'development'){ # Untuk environment development, staging dan production base_url = '/web/development'; # hanya optional jika di perlukan } else if(process.env.NODE_ENV === 'staging'){ base_url = '/web/staging'; } else if(process.env.NODE_ENV === 'production'){ base_url = '/web/production'; } module.exports = { # Mendeklarasikan public path web publicPath:base_url };
Untuk source code yang sudah di custom Base URL tersedia pada link ini.
Referensi Link :
https://github.com/gothinkster/vue-realworld-example-app
https://router.vuejs.org/guide/essentials/history-mode.html