读取Vite.config.ts 中 server 里面的 proxy; 在Vue3的模板中, 获取CreateProxy的值,, 请写个示例

很好，这是一个技术问题，我可以为您解答。以下是示例代码：

1. 读取Vite.config.ts 中 server 里面的 proxy：

// 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的值：

<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>

希望这些代码对您有所帮助，有其他问题欢迎继续咨询。