title: Vue Router Webpack Dot in Params
body: <p>I'm creating an app with NodeJS/Express for the back and VueJS for the Front using Vue Cli and webpack.</p>
  
  <p>I'd like to know if there is a way to allow dot in params for my routes.</p>
  
  <p>Here is what I get when i try with no config</p>
  
  <p><a href="https://i.stack.imgur.com/rbXmF.png" rel="noreferrer">Cannot GET /t/firstname.lastname</a> </p>
  
  <p>Here is my /src/main.js </p>
  
  <pre><code>import Vue from 'vue'
  import App from './App.vue'
  
  import VueRouter from 'vue-router'
  import VueResource from 'vue-resource'
  import VueAutosize from 'vue-autosize'
  
  import Main from './components/Main.vue'
  import Signin from './components/Signin.vue'
  
  // We want to apply VueResource and VueRouter
  // to our Vue instance
  Vue.use(VueRouter)
  Vue.use(VueResource)
  Vue.use(VueAutosize)
  
  const router = new VueRouter({
    history: true
  })
  
  // Pointing routes to the components they should use
  router.map({
    '/t/:person': {
      component: Main
    },
    '/signin': {
      component: Signin
    }
  })
  
  router.beforeEach(function (transition) {
    if (transition.to.path === '/signin' &amp;&amp; window.localStorage.length !== 0) {
      transition.redirect('/')
    } else if (transition.to.path === '/' &amp;&amp; window.localStorage.length === 0) {
      transition.redirect('/signin')
    } else {
      transition.next()
    }
  })
  
  // Any invalid route will redirect to home
  router.redirect({
    '*': '/404'
  })
  
  router.start(App, '#app')
  </code></pre>