title: Vue router - stay in the same url(without redirect)
body: <p>I am using this <a href="http://jsfiddle.net/posva/wtpuevc6/" rel="nofollow noreferrer">simple-router</a> example, but with my own components:</p>
  
  <pre><code>$( document ).ready(function() {
  
      const Home = { template: '&lt;div id="login"&gt;&lt;login-comp&gt;&lt;/login-comp&gt;&lt;/div&gt;' };
      const Foo = { template: '&lt;div&gt;Foo&lt;/div&gt;' };
      const router = new VueRouter({
        mode: 'history',
        routes: [
          { path: '/', component: Home },
          { path: '/foo', component: Foo }
        ]
      })
      new Vue({
          router,
          el: '#router',
          data: {
              msg: 'Hello World'
          }
      })
  
  });
  </code></pre>
  
  <p>It works fine but as a change from one route to another the page redirect to my base <code>url</code>, for example my site is:</p>
  
  <pre><code>https://example.com/vue/index.jsp
  </code></pre>
  
  <p>after changing to <code>/foo</code>, the url changes to </p>
  
  <pre><code>https://example.com/foo
  </code></pre>
  
  <p>My index.jsp router:</p>
  
  <pre><code>&lt;div id="router"&gt;
      &lt;router-link to="/"&gt;/home&lt;/router-link&gt;
      &lt;router-link to="/foo"&gt;/foo&lt;/router-link&gt;
      &lt;router-view&gt;&lt;/router-view&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Thank's for any help.</p>