动态更新SetupProxy目标

是指在开发过程中，根据需求的变化动态更新SetupProxy的目标配置。SetupProxy是一个用于配置开发环境中代理服务器的工具，它可以将前端开发服务器的请求转发到后端服务器，以便进行联调和测试。

在开发过程中，可能会遇到需要更改代理目标的情况，比如后端服务的地址发生变化、需要切换到不同的后端服务等。为了方便快速地进行这些配置的更新，可以采用动态更新SetupProxy目标的方式。

具体实现动态更新SetupProxy目标的方法有多种，以下是一种常见的实现方式：

创建一个配置文件，用于存储代理目标的相关信息。可以使用JSON格式，包含代理目标的名称、地址、端口等信息。例如：

{
  "target1": {
    "name": "目标1",
    "address": "http://backend1.example.com",
    "port": 8080
  },
  "target2": {
    "name": "目标2",
    "address": "http://backend2.example.com",
    "port": 8080
  }
}

在SetupProxy配置文件中，引入上述配置文件，并根据需要动态读取代理目标的配置。可以使用Node.js的fs模块进行文件读取，或者使用其他适合的方式。例如：

const fs = require('fs');
const proxyConfig = JSON.parse(fs.readFileSync('proxy-config.json', 'utf8'));

module.exports = function(app) {
  // 根据需要动态更新代理目标
  app.use('/api', createProxyMiddleware({
    target: proxyConfig.target1.address,
    changeOrigin: true,
  }));
};