now.json `routes.status` not working as expected?

I have this simple now.json file :

{
  "version": 2,
  "builds": [
    { "src": "foo.ts",
      "use": "@now/node" }
  ],
  "routes": [
    { "src": "/.*",
      "methods": ["OPTIONS"],
      "headers": {
        "Access-Control-Allow-Headers": "*",
        "Access-Control-Allow-Origin": "*"
      },
      "status": 200,
      "continue": false }
  ]
}

and foo.ts :

export default async function(req, res) {
  return res.send("You shouldn't see this when request's method is OPTIONS");
}

My problem is that when I send an OPTIONS request to /foo.ts the CORS headers are correctly set on the response but the route handler in foo.ts is called too, while I expect now to stop before and automatically return a 200.

The idea behind this is to avoid having to manually answer OPTIONS requests with a 200 in every route my API exposes because that’s very redundant, so I’d like Now to do it automatically.

[flawyte]

Hi @styfle 😃 Thanks for your answer.

Actually I ended up doing exactly what you describe in your first message :

{
  "routes": [
    { "src": "/.*",
      "headers": {
        "Access-Control-Allow-Headers": "*",
        "Access-Control-Allow-Methods": "*",
        "Access-Control-Allow-Origin": "*"
      },
      "continue": true },
    { "src": "/.*",
      "methods": ["OPTIONS"],
      "dest": "/src/routes/cors-handler.ts" },

    "... my API endpoints"
  ]
}

The first route adds CORS headers to every request made to the API, and the second route simply responds to all OPTIONS requests :

// cors-handler.ts

export default async function(req, res) {
  // There's nothing to do here except to end the response since CORS headers
  // are automatically added for all routes using the `now.json` file.

  return res.status(204).send();
}

I just misunderstood the status docs when it says Now will respond with this code when a matching path is requested. I thought it would also automatically end the response. Maybe this should be clarified, and continue: false’s behavior too.

[crock]

@flawyte Thank you so much, that solved my issue perfectly! The docs were very unclear about setting the cors headers in the now.json. I was doing res.setHeader in the actual function.