SvelteKit req.body 未定义

Question

我正在尝试设置 SvelteKit 以将其与我的 CMS 一起使用。

我在 api/query.js 从我的 CMS 获取数据，在 index.svelte 从 api/query 获取数据。

效果很好，我可以获得全部数据，但如果我在获取请求中包含正文，则会收到错误消息“无法读取未定义的属性 'split'”。代码：

// api/query.js
export async function post(req) {
  const url = API_URL;
  const auth = Buffer.from(`${API_USER_EMAIL}:${API_USER_PASSWORD}`).toString('base64');

  const res = await fetch(url, {
    method: 'POST',
    headers: {
      'Authorization': `Basic ${auth}`,
    },
    body: JSON.stringify(req.body),
  });
  const data = await res.json();

  return {
    status: data.code,
    body: data
  }
}

// index.svelte
export async function load({ fetch }) {
    const res = await fetch('/api/query', {
        method: 'POST',
        // body: JSON.stringify({
        //  query: 'site.title',
        // }),
    });
    const data = await res.json();

    return {
        status: data.status || 200,
        props: data
    }
}

注释掉的代码部分是导致错误的部分。如果我 console.log(req.body) 在 api/query.js 它 returns undefined.

有什么方法可以使用 Express.js body-parser？或者有没有其他方法可以解决这个错误？

Answer 1

为两条路线设置 content-type header。

还要确保所有 header 键都是小写的。

示例：

...
    headers: {
        'authorization': `Basic ${auth}`,
        'content-type': 'application/json'
    },
...

SvelteKit req.body 未定义

SvelteKit req.body undefined

svelte

sveltekit