组件中读取vite.config.ts中的信息, 写个示例

可以使用以下代码来读取vite.config.ts中的信息：

import { defineConfig } from "vite";

// 定义config
const config = defineConfig({
  // 此处为vite.config.ts中的配置
  server: {
    port: 3000,
    proxy: {
      "/api": {
        target: "http://localhost:4000",
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ""),
      },
    },
  },
});

// 导出config
export default config;

// 在组件中读取config的信息
const port = import.meta.env.VITE_SERVER_PORT;
console.log(`Server Port: ${port}`);

以上代码可以通过import.meta.env.VITE_XXX的方式获取vite.config.ts中的配置信息，其中VITE_后的名称需要和vite.config.ts中的配置名称对应。如上例中的VITE_SERVER_PORT对应的是vite.config.ts中server.port的配置名称。