Nuxt 3 使用routeRules & useFetch() 发送formData

Question

我使用routeRules来代理对后端的请求：

  routeRules: {
    '/api/**': {
      proxy: process.env.BASE_URL
        ? `${process.env.BASE_URL}/**`
        : 'http://127.0.0.1:5000/api/**',
    }
  },

应发送到后端的请求：

const { data, pending, error, refresh } = await useServerAPI(
  '/image/upload',
  {
    method: 'POST',
    body: formData,
    credentials: 'include',
  }
)

我收到错误：

[nuxt] [request error] [unhandled] [500] fetch failed

。 如果我设置没有带有文件请求的 formData 的正文，则按预期工作（使用 NestJS Multer 插件返回不可处理的实体）。

useServerAPI.ts

可组合代码：

import { useFetch } from '#app'
type useFetchType = typeof useFetch
export const useServerAPI: useFetchType = (path, options = {}) => {
  const config = useRuntimeConfig()

  options.baseURL = config.public.baseURL as string
  return useFetch(path, options)
}

Answer 1

您的问题解决了吗？如何 ？ 谢谢