Vue.js - How to remove hashbang #! from url?

Question

How to remove hashbang #! from url?

I found option to disable hashbang in vue router documentation ( http://vuejs.github.io/vue-router/en/options.html ) but this option removes #! and just put #

Is there any way to have clean url?

Example:

NOT: #!/home

BUT: /home

Thanks!

Answer 1

You'd actually just want to set mode to 'history'.

const router = new VueRouter({   mode: 'history' }) 

Make sure your server is configured to handle these links, though. https://router.vuejs.org/guide/essentials/history-mode.html

Answer 2

For vue.js 2 use the following:

const router = new VueRouter({  mode: 'history' })