如何在 Ant Design Pro 中启用代理功能？

在 Ant Design Pro 中启用代理功能，主要是为了让前端开发能够方便地访问那些跨域的后端 API。你可以在项目的全局配置文件（例如 umi.config.js 或 global.js）中设置一个代理服务器，这个代理会在运行本地开发服务器时自动生效。

以下是基本的步骤：

1. **创建代理配置文件**：
- 在项目根目录下（如果不是已经存在，需要手动创建），新建一个名为 `proxy.config.js` 或其他你喜欢的名字的文件。

2. **编辑代理配置**：

   module.exports = [
     {
       path: '/api', // 这里的路径是你想要代理的所有 API 的前缀
       target: 'http://your-backend-url.com', // 替换为你的后端 API 实际地址
       changeOrigin: true, // 表示请求的目标 URL 应该使用相对路径
       secure: false, // 根据实际情况选择是否启用HTTPS，一般开发阶段设为false
       ws: true, // 是否启用WebSocket代理
     },
   ];

3. **引入配置**：
- 在你的`umi.config.js` 或 `global.js`（取决于你的项目结构）中导入并应用这个配置：

   import { createProxyMiddleware } from 'http-proxy-middleware';
   const devServer = {
     port: 3000,
     middleware: isEnv('development') ? [createProxyMiddleware(proxies)] : [],
   };

4. **启动项目**：
- 使用命令行工具（如 `npm run start` 或 `yarn start`）启动 Ant Design Pro 的本地开发服务器。此时，所有的对 `/api` 前缀的 API 请求都会被代理到指定的后端地址。

记住，这通常是开发环境的临时解决方案，生产环境下需要后端提供 CORS 支持或者将代理配置移到服务器上。