N
Nuxt•3y ago
Daniele Milillo

Unable to catch a request with method 'OPTIONS' in my proxy middleware

I'm using Django Rest Framework as backend API, in my nuxt 3 project I set up a proxy and it's working, except for requests with method "options". I use this method to retrieve the structure of the API from Django, my proxy is unable to catch the request and the client receives a 204 "no content" response from Nuxt, I think for CORS reasons, how can I pass the request to my proxy middleware?
No description
No description
2 Replies
Zampa
Zampa•3y ago
you should be able to get the method and handle it accordingly via: const method = getMethod(event); https://www.jsdocs.io/package/h3#getMethod
jsDocs.io
[email protected] - jsDocs.io
Documentation for npm package [email protected] - jsDocs.io
Zampa
Zampa•3y ago
Something like... 
// Define the handler function
const handler = (event) => {
  // Get the method of the event using the getMethod function
  const method = getMethod(event);

  // Check the value of the method variable using an if statement
  if (method === 'OPTIONS') {
    // If the method is 'OPTIONS', return an empty response with the appropriate headers
    return {
      statusCode: 200,
      headers: {
        'Access-Control-Allow-Origin': '*',
        'Access-Control-Allow-Methods': '*',
        'Access-Control-Allow-Headers': '*',
      },
    };
  }

  // If the method is not 'OPTIONS', return an error response
  return {
    statusCode: 405,
    body: 'Method not allowed',
  };
};
// Define the handler function
const handler = (event) => {
  // Get the method of the event using the getMethod function
  const method = getMethod(event);

  // Check the value of the method variable using an if statement
  if (method === 'OPTIONS') {
    // If the method is 'OPTIONS', return an empty response with the appropriate headers
    return {
      statusCode: 200,
      headers: {
        'Access-Control-Allow-Origin': '*',
        'Access-Control-Allow-Methods': '*',
        'Access-Control-Allow-Headers': '*',
      },
    };
  }

  // If the method is not 'OPTIONS', return an error response
  return {
    statusCode: 405,
    body: 'Method not allowed',
  };
};

Did you find this page helpful?