No match found for location with path “/trade/details“

携带参数跳转页面后刷新浏览器页面显示空白，并警告 No match found for location with path "/trade/details"。

问题

​​​​​​​        

router.beforeEach((to) => {

console.log(to.matched)

// 动态路由表还未添加，匹配到的是 [] 的路由记录，控制台提示警告，当后继添加完动态路由后正常显示路由视图组件

...

}

解决

        确保公共路由有添加，且name具有唯一性，不建议使用过多的/，排查完这两问题还是不行，就检查一下新增的路由是否写在最后，少部分新增路由写到前面也会造成这个问题

    {
      path: '/mine',
      name: 'mine',
      component: () => import('@/views/mine/index.vue'),
      meta: {
        title: '我的账号'
      }
    },
    //新增页面路由写到最后
    {
      path: '/trade/details',
      name: 'trade/details',
      component: () => import('@/views/bill/trade/details.vue'),
      meta: {
        title: '交易详情'
      }
    },