Menghilangkan Tanda Sharp # Pada URL di VueJS

Tanda Sharp # biasanya digunakan pada Router VueJS, namun hal tersebut dapat anda hilangkan untuk mempercantik url halaman anda

Apabila anda menggunakan vue-router biasanya akan menggunakan tanda sharp (#) pada tiap url. Namun apabila anda tidak menginginkannya, anda dapat mengilangkannya dengan menggunakan mode history

const router = new VueRouter({
    mode: 'history',
    scrollBehavior() {
        return {x: 0, y: 0}
    },
    routes
})

Anda harus sedikit waspada saat anda mengakses halaman yang sama pada project anda, namun dengan parameter url yang berbeda.

Contohnya apabila anda mempunyai url /blog/tutorial-laravel diamana tutorial-laravel merupakan parameter url anda.

Saat anda sedang berada pada halaman tersebut, ketika anda bernavigasi ke url /blog/tutorial-vue, maka biasanya halaman tidak akan mendeteksi bahwa anda telah berpindah sehingga konten anda tetap menggunakan konten pada halaman tutorial-laravel.

Anda dapat mengakalinya dengan melakukan watch terhadap parameter url tersebut.

Baca Juga Cara Watch Variable Ketika Value Berganti di Vuejs


Saya bisa membuatkan anda Aplikasi berkualitas

© 2021 Adisparta. All rights reserved.