const apiBaseUrl = window._CONFIG['domianURL'] || '/jeecgboot'; vue2.x转化为vue3.x
时间: 2024-09-20 22:02:56 浏览: 42
在Vue 3.x中,由于不再直接支持`window._CONFIG`这样的全局变量,我们需要通过插件或其他方式来管理和传递配置。这里可以使用自定义属性或 vuex 存储来替代。如果你的配置不会经常改变,可以考虑将其作为组件的props传入,如果是动态配置,推荐使用 Vuex。
以下是将常量改为组件属性的方式:
```html
<script setup>
import { ref } from 'vue';
// 假设你在某个组件的 props 中接收配置
const config = defineProp('domainURL', String, { required: true });
// 如果没有从 prop 接收,则从默认值或 vuex 中获取
const apiBaseUrl = computed(() => config.value || process.env.VUE_APP_API_BASE_URL || '/jeecgboot');
// 如果使用 Vuex 管理配置
// import { useStore } from 'vuex';
// const store = useStore();
// const apiBaseUrl = computed(() => store.state.config.domainURL || '/jeecgboot');
</script>
<template>
<div>...</div>
</template>
```
这样,`apiBaseUrl`就会根据传入的`domainURL`、环境变量`VUE_APP_API_BASE_URL`或者其他默认值计算得出。
阅读全文