const apiBaseUrl = window._CONFIG['domianURL'] || '/jeecgboot'; vue2.x完整转化vue3.x
时间: 2024-09-19 16:07:20 浏览: 37
Vue生产环境调试的方法.doc
在Vue 2.x项目中,`const apiBaseUrl = window._CONFIG['domianURL'] || '/jeecgboot';` 这行代码的作用是在window全局对象的_config属性中查找名为'domainURL'的值,如果存在就使用这个值,否则使用默认的'/jeecgboot'作为API基础URL。
转换到Vue 3.x,由于Vue 3移除了对全局对象的操作,并推荐使用Composition API或者Options API来进行状态管理。以下是使用Vue 3的Composition API的类似实现:
```javascript
import { ref } from 'vue';
// 使用ref创建一个响应式的变量
const apiBaseUrl = ref(window._CONFIG?.domainURL ?? '/jeecgboot');
// 当_config对象改变时,apiBaseUrl会自动更新
watch(() => window._CONFIG, (newConfig) => {
if (newConfig && newConfig.domainURL) {
apiBaseUrl.value = newConfig.domainURL;
}
});
```
在这个例子中,我们使用了`ref`来代替常量,它会在组件实例化后创建一个响应式的数据存储。同时,通过`watch`函数监控_config的变化并相应地更新`apiBaseUrl`。
阅读全文