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

by

In Vue 3, you’d want to use createWebHistory for the history option.

import { createRouter, createWebHashHistory } from 'vue-router'

const router = createRouter({
  history: createWebHashHistory(),
  // ...
})

In Vue 2, you’d 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

More Related Contents:

  1. Vue Router return 404 when revisit to the url
  2. vue-router — Uncaught (in promise) Error: Redirected from “/login” to “/” via a navigation guard
  3. How to make dynamic routes on the vue router?
  4. Can we make vue.js application without .vue extension component and webpack?
  5. Pass an object as param to router.push ([email protected])
  6. Passing props to Vue.js components instantiated by Vue-router
  7. Vuejs: Event on route change
  8. How to deploy Laravel/Lumen Framework to the production server [closed]
  9. how to make a maximum 1MB upload image?
  10. How to add external JS scripts to VueJS Components?
  11. How can I solve “Interpolation inside attributes has been removed. Use v-bind or the colon shorthand”? Vue.js 2
  12. How to make a dynamic import in Nuxt?
  13. Accessing Vuex state when defining Vue-Router routes
  14. this.$auth.loggedIn returning false
  15. use axios globally in all my components vue
  16. What’s the real difference between target: ‘static’ and target: ‘server’ in Nuxt 2.14 universal mode?
  17. TypeError: this.getOptions is not a function
  18. Vue.js change {{ }} tags
  19. How to install vuetify 2.0 beta to the new vue cli project?
  20. Pass data from child to parent in Vuejs (is it so complicated?)
  21. Vue.js—Difference between v-model and v-bind
  22. What is ?
  23. What is nextTick and what does it do in Vue.js?
  24. “export ‘default’ (imported as ‘Vue’) was not found in ‘vue’
  25. Difference between v-model and v-bind on Vue.js?
  26. Laravel VueJs : `router-view` does not render the component
  27. vuetify icon not showing
  28. Detect Back Button in Navigation Guards of Vue-Router
  29. How to use microfrontends with Vue/Nuxt?
  30. How to pass an object as props with vue router?

Leave a Comment