Scroll untuk baca artikel
DevOpsDockerProgrammingTips & TricksTutorial

Merubah Path Base URL Di Vuejs

379
×

Merubah Path Base URL Di Vuejs

Sebarkan artikel ini
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

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.

Verified by MonsterInsights