Fetch client not serializing body correctly

Help Requests
1

POST requests are failing using the @aurelia/fetch-client@2.0.0-beta.23. The response returns with a “Request body contains invalid JSON” message. Inspecting the request in Fiddler shows the body as [object Object]

The exact same request succeeds if I use native fetch. Using the json helper instead of JSON.stringify doesn’t seem to help. I’m using the fetch-client to take advantage of the async interceptor feature.

Any help greatly appreciated.

2

What do you get witg response.text()?

3

response.text() returns:
“{“error”:{“code”:“BadRequest”,“message”:“Request body contains invalid JSON.”,“status”:400}}”

4

This is what my request looks like.

const loginInsertResponse = await this.httpClient.post(
"/data-api/rest/Login", 
{
   body: json({
      "StaticWebAppUserId": clientPrincipal.userId,
      "EntraId": aadUser.id
   })
});

It seems to make no difference if I send pass just the payload or an object with a body property and the key is the plain object. or serialised using JSON.stringify or the json() helper function.

I’m confident it follows the docs (although intellisense tells me different)

image
image912×302 19.7 KB

5

Ahh I missed this. Have you been able to figure out what was wrong @davidsk ?

6

I didn’t, I’m afraid. I found I could achieve the same result using native fetch and configuring a service in an AppTask.

7

we have test with json, and json is actually just a JSON.stringify with an if for undefined body, i’m not sure why it would have this error. This probably will require some repro on stackblitz if anyone else ever runs into this same issue. Thanks @davidsk