wujie vue3获取当前环境地址
时间: 2024-09-15 08:02:28 浏览: 96
基于Vue实现微前端的示例代码
在Vue3中,如果你想获取当前环境的URL地址,可以使用Vue的内置`$router`对象。`$router`是Vue Router提供的,它包含了路由信息以及导航相关的功能。你可以通过下面的方式来获取:
```javascript
// 在组件内
const envUrl = window.location.origin;
console.log('当前环境地址:', envUrl);
// 或者如果你正在使用Vuex管理状态,可以在store中注入$router
import { useRouter } from 'vue-router';
export default {
setup() {
const router = useRouter();
const envUrl = router.base || window.location.origin;
return { envUrl };
}
}
```
这里`window.location.origin`会返回当前页面的协议(http或https)、域名和端口号组成的字符串。`router.base`通常是指定的根路径,如果没有指定,默认就是`window.location.origin`。
阅读全文