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中当前域名的方式。根据具体的项目需求和使用情况，可以选择适合的方式来获取当前域名。
咨询微信客服
0516-6662 4183
立即获取方案或咨询
top
