HTTP Post Method not working when using nitro without nuxt

[folamy]

Environment

Linux OS
Ubuntu 22.04

Reproduction

reproduction

Describe the bug

I set up a nitro server mainly as an API/backend for a mobile app
everything seems to work fine but following the examples on the documentation , HTTP POST requests return no response from the server:
Adding .post.ts to my route/filename

This does nothing!
And when I remove the .post suffix, h3 composable utils like readBody() throws error
H3Error: HTTP method is not allowed

What am I doing wrong?

Additional context

No response

Logs

No response

[pi0]

Would you please provide a reproduction? 🙏🏼 (please make sure you are actually making a POST request)

[folamy]

Would you please provide a reproduction? 🙏🏼 (please make sure you are actually making a POST request)

@pi0

https://stackblitz.com/edit/github-u6vrxc?file=routes%2Fconfirm-code.post.ts

[folamy]

I just used HTTP client from vscode and Post method works just as expected but when using ofetch or axios from my frontend project, I get the same error

[folamy]

I am making the post request from a different project also running local server @PORT:8080

[pi0]

I have forked your reproduction with Nitro 2.6. Fetch body goes as expected. Please check this if I have missed something:

https://stackblitz.com/edit/github-u6vrxc-kwmdpb?file=routes%2Findex.ts,routes%2Fconfirm-code.post.ts

---

Can you check having latest nitro (and fresh deps with h3 1.8?). It might be also another error hidden because of cors issues. If you can share a screenshot of your devtools network tab from external project that is making HTTP call might be helpful to investigate.

[folamy]

I believe this is an internal error, I was able to solve this with a one on one help from @danielroe by creating a file in the middleware folder like this

export default defineEventHandler((event) => {
  if (event.node.req.method === 'OPTIONS')
    return null
})

[danielroe]

To clarify, this should be in the same handler (which should not be only a POST handler) rather than in the middleware directory.

The issue was that we had to handle CORS requests in this particular setup

[folamy]

To clarify, this should be in the same handler (which should not be only a POST handler) rather than in the middleware directory.

The issue was that we had to handle CORS requests in this particular setup

@danielroe
Doing that in the same handler will terminate code? Can you show me an example sir, pls?

[danielroe]

export default defineEventHandler(async (event) => {
  if (event.method === 'OPTIONS') {
    // set your options here
    handleCors(event, {})
    return null
  }

  assertMethod(event, ['POST'])
  const body = await readBody(event)
  console.log('Body:', body)
  // TODO: Handle body and add user
  return { body }
})

[folamy]

@danielroe, this works if only I remove the .post suffix from the file and comment out the handleCors() composable

[folamy]

export default defineEventHandler(async (event) => {
  if (event.method === 'OPTIONS') {
    // set your options here
    handleCors(event, {})
    return null
  }

  assertMethod(event, ['POST'])
  const body = await readBody(event)
  console.log('Body:', body)
  // TODO: Handle body and add user
  return { body }
})

@danielroe,
if this condition is true (event.method === 'OPTIONS') and you return null in the api route file.ts, it will ternminate every other code from running. believe no codes runs after a return statement in javascript.

[danielroe]

I'm not sure I understand the issue. The OPTIONS request should not perform additional work other than returning the correct headers.

[folamy]

export default defineEventHandler(async (event) => {
  if (event.method === 'OPTIONS') {
    // set your options here
    handleCors(event, {})
    return null
  }

  assertMethod(event, ['POST'])
  const body = await readBody(event)
  console.log('Body:', body)
  // TODO: Handle body and add user
  return { body }
})

@danielroe, this only works if I remove the .post suffix from the file and comment out the handleCors() composable.