读取Vite.config.ts 中 server 里面的 proxy; 在Vue3的模板中, 获取CreateProxy的值,, 请写个示例
时间: 2024-05-12 19:17:38 浏览: 12
很好,这是一个技术问题,我可以为您解答。以下是示例代码:
1. 读取Vite.config.ts 中 server 里面的 proxy:
```typescript
// Vite.config.ts
export default {
server: {
proxy: {
'/api': 'http://localhost:3000'
}
}
}
// 读取 proxy
import viteConfig from '@/vite.config'
console.log(viteConfig.server.proxy) // 输出:{ '/api': 'http://localhost:3000' }
```
2. 在Vue3的模板中,获取CreateProxy的值:
```vue
<template>
<div v-if="proxy">{{ proxy }}</div>
</template>
<script>
import { defineComponent, ref } from 'vue'
export default defineComponent({
setup() {
const proxy = ref('')
fetch('/api/createProxy')
.then(res => res.json())
.then(data => {
proxy.value = data.createProxy
})
return {
proxy
}
}
})
</script>
```
希望这些代码对您有所帮助,有其他问题欢迎继续咨询。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)