fix alias for / path (fix vuejs#1427)

Author: yyx990803

examples/route-alias/app.js

@@ -3,6 +3,7 @@ import VueRouter from 'vue-router'
 
 Vue.use(VueRouter)
 
+const Root = { template: '<div>root</div>' }
 const Home = { template: '<div><h1>Home</h1><router-view></router-view></div>' }
 const Foo = { template: '<div>foo</div>' }
 const Bar = { template: '<div>bar</div>' }
@@ -15,6 +16,7 @@ const router = new VueRouter({
   mode: 'history',
   base: __dirname,
   routes: [
+    { path: '/root', component: Root, alias: '/root-alias' },
     { path: '/home', component: Home,
       children: [
         // absolute alias
@@ -42,6 +44,10 @@ new Vue({
     <div id="app">
       <h1>Route Alias</h1>
       <ul>
+        <li><router-link to="/root-alias">
+          /root-alias (renders /root)
+        </router-link></li>
+
         <li><router-link to="/foo">
           /foo (renders /home/foo)
         </router-link></li>

src/create-route-map.js

@@ -116,7 +116,14 @@ function addRouteRecord (
         path: alias,
         children: route.children
       }
-      addRouteRecord(pathList, pathMap, nameMap, aliasRoute, parent, record.path)
+      addRouteRecord(
+        pathList,
+        pathMap,
+        nameMap,
+        aliasRoute,
+        parent,
+        record.path || '/' // matchAs
+      )
     })
   }
 

test/e2e/specs/route-alias.js

@@ -3,41 +3,46 @@ module.exports = {
     browser
     .url('http://localhost:8080/route-alias/')
       .waitForElementVisible('#app', 1000)
-      .assert.count('li a', 6)
+      .assert.count('li a', 7)
       // assert correct href with base
-      .assert.attributeContains('li:nth-child(1) a', 'href', '/route-alias/foo')
-      .assert.attributeContains('li:nth-child(2) a', 'href', '/route-alias/home/bar-alias')
-      .assert.attributeContains('li:nth-child(3) a', 'href', '/route-alias/baz')
-      .assert.attributeContains('li:nth-child(4) a', 'href', '/route-alias/home/baz-alias')
-      .assert.attributeEquals('li:nth-child(5) a', 'href', 'http://localhost:8080/route-alias/home')
-      .assert.attributeContains('li:nth-child(6) a', 'href', '/route-alias/home/nested-alias/foo')
+      .assert.attributeContains('li:nth-child(1) a', 'href', '/root-alias')
+      .assert.attributeContains('li:nth-child(2) a', 'href', '/route-alias/foo')
+      .assert.attributeContains('li:nth-child(3) a', 'href', '/route-alias/home/bar-alias')
+      .assert.attributeContains('li:nth-child(4) a', 'href', '/route-alias/baz')
+      .assert.attributeContains('li:nth-child(5) a', 'href', '/route-alias/home/baz-alias')
+      .assert.attributeEquals('li:nth-child(6) a', 'href', 'http://localhost:8080/route-alias/home')
+      .assert.attributeContains('li:nth-child(7) a', 'href', '/route-alias/home/nested-alias/foo')
 
       .click('li:nth-child(1) a')
+      .assert.urlEquals('http://localhost:8080/route-alias/root-alias')
+      .assert.containsText('.view', 'root')
+
+      .click('li:nth-child(2) a')
       .assert.urlEquals('http://localhost:8080/route-alias/foo')
       .assert.containsText('.view', 'Home')
       .assert.containsText('.view', 'foo')
 
-      .click('li:nth-child(2) a')
+      .click('li:nth-child(3) a')
       .assert.urlEquals('http://localhost:8080/route-alias/home/bar-alias')
       .assert.containsText('.view', 'Home')
       .assert.containsText('.view', 'bar')
 
-      .click('li:nth-child(3) a')
+      .click('li:nth-child(4) a')
       .assert.urlEquals('http://localhost:8080/route-alias/baz')
       .assert.containsText('.view', 'Home')
       .assert.containsText('.view', 'baz')
 
-      .click('li:nth-child(4) a')
+      .click('li:nth-child(5) a')
       .assert.urlEquals('http://localhost:8080/route-alias/home/baz-alias')
       .assert.containsText('.view', 'Home')
       .assert.containsText('.view', 'baz')
 
-      .click('li:nth-child(5) a')
+      .click('li:nth-child(6) a')
       .assert.urlEquals('http://localhost:8080/route-alias/home')
       .assert.containsText('.view', 'Home')
       .assert.containsText('.view', 'default')
 
-      .click('li:nth-child(6) a')
+      .click('li:nth-child(7) a')
       .assert.urlEquals('http://localhost:8080/route-alias/home/nested-alias/foo')
       .assert.containsText('.view', 'Home')
       .assert.containsText('.view', 'nested foo')