title: Remove Vue js routing url hashtag
body: <p>my <code>main.js</code> looks like:</p>
  
  <pre><code>import Vue from 'vue'
  import VueRouter from './router'
  import routes from './router/index.js'
  Vue.use(VueRouter)
  const router = new VueRouter({
  routes,
  mode: 'history'
  })
  new Vue({
  el: '#app',
  router,
  render: h =&gt; h(App)
  })
  </code></pre>
  
  <p>Im trying to remove the hashtag from the url...
  Im using Webpack for the development and as you can see im importing the routes file.
  I'm seeing this error everytime </p>
  
  <blockquote>
    <p>"Uncaught TypeError: WEBPACK_IMPORTED_MODULE_1router__.a is not a
    constructor"</p>
  </blockquote>
  
  <p>Does anybody have a good doc for router?</p>
  
  <p>this is the /router/index.js file</p>
  
  <pre><code>import Vue from 'vue'
  import VueRouter from 'vue-router'
  import Settings from '@/components/Settings'
  import Login from '@/components/Login'
  
  Vue.use(VueRouter)
  
  export default new VueRouter({
  
    routes: [{
      path: '/',
      name: 'Login',
      component: Login
    },
    {
      path: '/Settings',
      name: 'Settings',
      component: Settings
    }
    ]
  })
  </code></pre>