vue路由使用踩坑點：當動態路由再使用路由name去匹配跳轉時總是跳轉到根路由的問題

　　閑話少說，直接問題：

　　之前我的路由時這么寫的

{ path:'/serverInfo/:id', name:'serverInfo', component:() => import('@/views/serverRequest/SRInfo') }

　　但是呢，頭部做了個通知面板，代碼如下：

        <el-popover popper-class="messagePopper" placement="bottom" width="300" v-model="visiblity" trigger="click">
          <div class="messageBox">
            <div class="title">通知</div>
            <div class="message" v-if="messageData.length === 0">暫無通知</div>
            <div v-else>
            <div class="message" v-for="item in messageData" @click="readMessage(item.id)">
              <router-link :to="{
 name:item.route,  params:{ messageId:item.rid } }">{{'【' + item.message + '】'}}</router-link>
              <span>{{item.message_time}}</span>
            </div>
            </div>
          </div>
          <el-badge slot="reference" :value="messageData.length" class="item" :hidden="messageData.length === 0">
            <i class="messageStyle iconfont icon-tongzhi"></i>
            <span class="messageText">通知</span>
          </el-badge>
        </el-popover>

　　看一下router-link部分通過name去跳轉，並傳遞參數。

　　然后我們可以看一下頁面，order路由正常的，serverInfo就不正常了

　　我們看下后台返回數據也是正常的有路由名字，這就很惆悵了。

　　然后我們看下order的路由，order沒有動態路由匹配。

{ 　　path:'/order', 　　name:'order', 　　component:() => import('@/views/system/order') },

　　所以初步猜測：是不是有動態路由匹配時，通過路由name去跳轉，就會匹配不到全路徑，而跑到根路由去呢？

　　我們現在把serverInfo路由改一下：去掉動態路由匹配

{ path:'/serverInfo', name:'serverInfo', component:() => import('@/views/serverRequest/SRInfo') }

　　改了之后，我們之前使用到的路由跳轉的地方也得改下。我們需要傳參數的地方就通過下面這種去傳，也是一樣的

// <router-link :to="'/serverInfo/'+scope.row.srid"> 
<router-link :to="{name:'serverInfo',params:{id:scope.row.srid}}">
　　<span>{{scope.row.srid}}</span>
</router-link>

　　改成這樣只會就發現一切正常了

　　后來網友指出動態路由匹配的key不一致，檢查發現的確如此，動態路由匹配寫的 /:id ，而 name 匹配傳參寫的messageId，導致匹配不了路由，故出錯。