vue 路由跳转带域名了

在Vue中，我们可以使用Vue Router来进行路由跳转。通常情况下，路由跳转只需要设置相对路径即可，不需要带上域名。但是有时候，我们需要在路由跳转时带上域名。

要在Vue路由中带上域名，我们可以使用`router-link`组件来生成跳转链接。`router-link`允许我们设置`to`属性来指定跳转的路径。如果我们想要带上域名，我们可以直接在`to`属性中设置完整的URL，包括协议、域名和路径。

例如，假设我们有一个名为`home`的路由，在路由配置中的路径为`/home`。我们可以在模板中使用`router-link`来创建跳转链接，并设置`to`属性为带有域名的URL：

<router-link :to="'http://example.com/home'">跳转到首页</router-link>

这样，当我们点击该链接时，Vue路由会自动将我们重定向到带有域名的URL。

需要注意的是，在实际应用中，我们可能需要将带域名的URL提取出来，以便在多个地方复用。为此，我们可以在Vue实例中定义一个常量来存储域名，然后在`router-link`中动态拼接URL。

<template>
  <div>
    <router-link :to="domain + '/home'">跳转到首页</router-link>
  </div>
</template>

<script>
export default {
  data() {
    return {
      domain: 'http://example.com'
    }
  }
}
</script>

这样，我们只需修改Vue实例中的`domain`常量，就可以在多个地方实现带域名的路由跳转。