devServer: {
  proxy: {
    // 字符串简写：http://localhost:5173/foo -> http://localhost:4567/foo
    '/foo': 'http://localhost:4567',
    // 加上配置项：http://localhost:5173/api/bar-> http://jsonplaceholder.typicode.com/bar
    '/api': {
      target: 'http://jsonplaceholder.typicode.com',
      changeOrigin: true,
      rewrite: (path) => path.replace(/^\/api/, ''),
    },
    // 正则匹配：http://localhost:5173/fallback/ -> http://jsonplaceholder.typicode.com/
    '^/fallback/.*': {
      target: 'http://jsonplaceholder.typicode.com',
      changeOrigin: true,
      rewrite: (path) => path.replace(/^\/fallback/, ''),
    },
    // 使用代理实例
    '/api': {
      target: 'http://jsonplaceholder.typicode.com',
      changeOrigin: true,
      configure: (proxy, options) => {
        // proxy 对象是 'http-proxy' 的一个实例
      },
    },
    // 代理 WebSocket 或 socket.io：ws://localhost:5173/socket.io -> ws://localhost:5174/socket.io
    // 注意：使用 `rewriteWsOrigin` 时需谨慎，因为它可能会使代理暴露于 CSRF 攻击风险之下。
    '/socket.io': {
      target: 'ws://localhost:5174',
      ws: true,
      rewriteWsOrigin: true,
    },
  },
}