How to remove # from vuejs root router? [duplicate]

Question

When I go to http://localhost:8080/ It redirects to http://localhost:8080/#/

Why it added "#" ?

import Vue from 'vue'
import App from './App.vue'    
import VueRouter from 'vue-router'
import List from './components/list'
import PostForm from './components/postform'

Vue.config.productionTip = false
Vue.use(VueRouter)             

const routes = [               
  { path: '/', component: List, name: 'root' },
  { path: '/posts/new', component: PostForm }
]     

const router = new VueRouter({ 
  routes
})  

new Vue({
  router,
  render: h => h(App),         
}).$mount('#app')

This explains the differences in routing modes: router.vuejs.org/guide/essentials/history-mode.html — Brian Lee
– Brian Lee, Commented Apr 10, 2020 at 15:34

Radu Diță · Accepted Answer · 2020-04-10 16:02:47Z

3

By default VueRouter uses hash mode.

You can change the mode to history if you want:

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

Probably the main reason for doing this is that, if you use history mode you need to have a special setup for your web server to handle the urls properly. When using hash bangs it works out of the box.

answered Apr 10, 2020 at 16:02

Radu Diță

14.3k2 gold badges33 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to remove # from vuejs root router? [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related