DevOpsDockerProgrammingTips & TricksTutorial

Merubah Path Base URL Di Vuejs

774
Vuejs
Vuejs

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

Exit mobile version
Verified by MonsterInsights