怎么获取到vite.config里边server里边的target地址

你可以在 Vite 的配置文件 `vite.config.js` 中通过 `server.proxy.target` 获取到 `target` 地址。例如：

module.exports = {
  server: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, '')
      }
    }
  }
}

在上面的配置中，`target` 地址为 `http://localhost:3000`，你可以通过 `server.proxy.target` 来获取它。

相关问题

vite.config.ts中server.proxy可以做两个服务器代理地址吗?

在 Vite 的 `vite.config.ts` 文件中，`server.proxy` 可以配置多个代理，这有助于你在同一个项目中代理多个不同的服务器地址。这是通过创建多个路由映射来实现的，每个映射对应一个单独的代理规则。例如：

import { defineConfig } from 'vite'
import { createProxyMiddleware } from 'http-proxy-middleware'

export default defineConfig({
  server: {
    port: 3000,
    middleware: [
      createProxyMiddleware({
        // 第一个代理，可能是一个 API 服务
        path: '/api1',
        target: 'http://example.com/api1',
        changeOrigin: true
      }),
      
      // 第二个代理，可能是另一个服务
      createProxyMiddleware({
        path: '/api2',
        target: 'http://another-api.example.com/api2',
        changeOrigin: true
      })
    ]
  }
})

在这个配置里，Vite 将分别对 `/api1` 和 `/api2` 路径发起的请求进行代理，分别指向 `http://example.com/api1` 和 `http://another-api.example.com/api2`。

所以，`server.proxy` 是可以配置多个独立代理地址的。但是请注意，如果路径有共同的部分，比如都是 /api/*，你可能需要考虑使用通配符或者调整路径规则，避免冲突。

vite.config.js怎么获取环境变量

在vite.config.js中获取环境变量需要使用loadEnv函数。loadEnv函数可以接受两个参数，第一个参数是当前的环境变量，第二个参数是当前的工作目录。通过loadEnv函数获取到的环境变量可以在vite.config.js中的任何地方使用。下面是一个获取环境变量并配置代理的例子：

import { defineConfig, loadEnv } from 'vite'

export default ({ mode }) => {
  const env = loadEnv(mode, process.cwd())

  return defineConfig({
    server: {
      proxy: {
        '/api': {
          target: env.VITE_BASE_API,
          changeOrigin: true,
          rewrite: (path) => path.replace(/^\/api/, '')
        }
      }
    }
  })
}

其中，loadEnv函数的第一个参数mode表示当前的环境，第二个参数process.cwd()表示当前的工作目录。通过env.VITE_BASE_API获取到了环境变量VITE_BASE_API的值，并将其作为代理的目标路径。