Nuxt3中间件及api请求的代理实现

export default defineNuxtConfig({
  // 其他配置...
  buildModules: [
    // 引入模块...
  ],
  modules: [
    // 引入模块...
  ],
  alias: {
    // 配置别名...
  },
  server: {
    // 服务器配置
    middleware: [
      // 自定义中间件
      '~/middleware/custom.js',
      // 代理API请求
      async (req, res, next) => {
        if (req.url.startsWith('/api')) {
          const targetURL = `http://backend-service${req.url}`;
          const proxy = new HttpProxy();
          proxy.web(req, res, { target: targetURL });
        } else {
          next();
        }
      }
    ]
  }
})

在这个例子中，我们定义了一个Nuxt3项目的配置文件，在server.middleware数组中添加了一个代理API请求的自定义中间件。当请求的URL以/api开头时，会将请求代理到后端服务。这样，我们可以在Nuxt3应用中使用API代理，而不需要在客户端直接与后端服务通信。