如何知道Vue.js中路由重定向的来源？

在Vue.js中，可以通过$route对象来获取路由重定向的来源。$route对象是Vue.js内置的全局对象，它包含了当前路由的信息。

要知道路由重定向的来源，可以通过$route对象的meta字段来判断。在定义路由时，可以为每个路由配置一个meta字段，用来存储额外的信息。在重定向的目标路由中，可以通过$route对象的meta字段获取到来源路由的信息。

以下是一个示例代码：

// 定义路由
const routes = [
  {
    path: '/source',
    name: 'source',
    component: SourceComponent,
    meta: { redirectFrom: 'target' } // 设置来源路由的名称
  },
  {
    path: '/target',
    name: 'target',
    component: TargetComponent
  }
];

// 创建路由实例
const router = new VueRouter({
  routes
});

// 在目标路由组件中获取来源路由信息
const TargetComponent = {
  created() {
    const redirectFrom = this.$route.meta.redirectFrom;
    console.log('来源路由：', redirectFrom);
  }
};

在上述示例中，我们定义了两个路由：source和target。在source路由中，我们通过meta字段设置了来源路由的名称为target。在target路由的组件中，通过this.$route.meta.redirectFrom获取到来源路由的名称，并打印出来。

这样，当从source路由重定向到target路由时，我们就可以知道重定向的来源是source路由。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm