外链和内嵌路由

外链非内嵌路由

在route.meta内配置，开启外链条件：

1、link：链接地址不为空

2、iframe: false

{
    // 省略其它字段...
    component: "link/external/external",
    meta: {
        // 省略其它字段...
        link: "https://gitee.com/wang_fan_w/SnowAdmin", // 链接
        iframe: false, // 区分是否内链 true内链 false外链
        type: 2 // 1目录 2菜单 3按钮 type字段始终为2
    }
}

外链路由的component字段值始终为"link/external/external"也就是 src/views/link/external/external.vue文件

外链非内嵌路由，用户点击菜单时会开启新标签页跳转

外链内嵌路由

在route.meta内配置，是否内嵌外链窗口，开启条件：

1、iframe：true

2、link：'链接地址不为空'

{
    // 省略其它字段...
    component: "link/internal/internal",
    meta: {
        // 省略其它字段...
        link: "https://gitee.com/wang_fan_w/SnowAdmin", // 链接
        iframe: true, // 区分是否内链 true内链 false外链
        type: 2 // 1目录 2菜单 3按钮 type字段始终为2
    }
}

外链路由的component字段值始终为"link/internal/internal"也就是 src/views/link/internal/internal.vue文件

外链内嵌路由，用户点击菜单时会自动内嵌窗口加载外链页面