webpack 5 配置 proxy 提示options.proxy should be an array:

当你在Webpack 5中配置proxy时，如果收到提示"options.proxy should be an array"，意味着你的配置语法存在错误。Webpack 5期望`proxy`配置项是一个数组，每个元素都是一个单独的代理配置对象，而不是单个的对象。

例如，正确的配置应该是这样的：

module.exports = {
  //...
  devServer: {
    proxy: [
      {
        context: ["/api"], // 匹配 URL 开头为 /api 的请求
        target: "https://your-backend-api.com", // 目标API地址
        secure: false, // 如果目标是HTTPS，但你想在开发环境中代理，则设为false
        changeOrigin: true, // 是否改变请求源头
        ws: true, // 支持WebSocket
      },
      // 添加更多的代理配置，如果需要的话
    ],
  },
};

这里每个对象都有`context`, `target`, `changeOrigin`, `ws` 等属性。如果只有一条代理规则，你应该将它放在数组中：

proxy: [
  {
    // 单一代理配置
  }
]