const apiBaseUrl = window._CONFIG['domianURL'] || '/jeecgboot'; vue2完整转化vue3
时间: 2024-09-19 14:07:23 浏览: 53
Vue生产环境调试的方法.doc
在Vue 2到Vue 3的迁移过程中,`const apiBaseUrl = window._CONFIG['domianURL'] || '/jeecgboot';` 这段代码的主要目的是设置一个基础API地址,如果浏览器全局变量`window._CONFIG`存在并且有'domianURL'属性,就使用该值,否则使用默认的'/jeecgboot'。
在Vue 3中,由于选项式API(Composition API)和setup函数的引入,可以类似地重构这个逻辑。你可以这样做:
```javascript
import { ref } from 'vue';
// 定义一个响应式的ref,用于存储配置值
const configUrl = ref(window._CONFIG?.domainURL ?? '/jeecgboot');
// 使用configUrl
onMounted(() => {
axios.get(`${configUrl.value}/api`).then(...);
})
```
在这个例子中,我们使用了Vue的`ref`来创建一个受观察的对象,这样当外部配置改变时,它会自动更新。然后在你需要访问API的时候,可以直接使用`configUrl.value`。
阅读全文