vue获取当前域名

Vue获取当前域名的方式有多种，下面将介绍三种常见的方式。

方式一：使用window.location对象

在Vue中，可以通过window.location对象来获取当前域名。这个对象包含了一些有关当前URL的信息，包括主机名。可以通过window.location.hostname来获取当前域名。例如，下面的代码可以获取当前域名并将其赋值给一个变量：

```javascript

var currentDomain = window.location.hostname;

```

方式二：使用vue-router的$router对象

如果在Vue项目中使用了vue-router来管理路由，可以通过$router对象来获取当前域名。vue-router提供了一个属性$router.app，其中的$el属性包含了有关当前URL的信息，包括主机名。可以通过$router.app.$el.origin来获取当前域名。例如，下面的代码可以获取当前域名并将其赋值给一个变量：

```javascript

var currentDomain = this.$router.app.$el.origin;

```

方式三：使用axios库发送请求

如果在Vue项目中使用了axios库来发送HTTP请求，可以通过访问服务器API的方式来获取当前域名。axios库提供了一个拦截器(interceptor)机制，可以在每次发送请求之前执行一些代码。可以在拦截器中获取当前请求的域名，并将其赋值给一个变量。例如，下面的代码可以获取当前域名并将其赋值给一个变量：

```javascript

axios.interceptors.request.use(function (config) {

var currentDomain = config.url.split('/')[2];

return config;

}

function (error) {

return Promise.reject(error);

});

```

以上是三种常见的获取Vue中当前域名的方式。根据具体的项目需求和使用情况，可以选择适合的方式来获取当前域名。