POST request not allowed - 405 Not Allowed - nginx even with headers included

Question

I have a problem in trying to do a POST request in my application and I searched a lot  but I did not find the solution    So  I have a nodeJS application and a website  and I am trying to do a POST request using a form from this site  but I always end up in this     and in the console I see        Uncaught TypeError  Cannot read property  value  of null  Post  http   name github io APP-example file html   not allowed   that is in this line of code     file html    lt form id  add Emails  method   POST  action    gt        lt textarea rows  5  cols  50  name  email  gt Put the emails here         lt  textarea gt            lt p gt           lt INPUT type  submit  onclick  sendInvitation    name  sendInvitationButton  value   Send Invitation   gt           lt  p gt     lt  form gt    lt script src  scripts file js  gt  lt  script gt    file js   function sendInvitation         var teammateEmail  document getElementById  email   value    I read many post and a documentation of cross domain but it did not work   research source 1 http   enable-cors org server html  research source 2  http   www w3 org TR 2013 CR-cors-20130129  http-access-control-max-age  What I am doing now    I am trying to POST from a different domain of my server    POST REQUEST    http   name github io APP-example file html   github repository  POST LISTENER    http   xxx xxx x xx 9000 email   server localhost   x-  my ip address    So  I had the same problem in other files  but I fixed it putting this code in the begginning of each route   var express   require  express    var sha1   require  sha1      var router   express Router     var sessionOBJ   require    session     var teams       var teamPlayers       router all      function req  res  next      res header  Access-Control-Allow-Origin           res header  Access-Control-Allow-Headers    X-Requested-With      res header  Access-Control-Allow-Methods    PUT  GET POST      next           and I fixed it doing it   Now  I am having the same problem  but in this file the only difference is that I deal with SMTP and emails  so I post an email and send an Email to this email I received in the POST request    THe code is working totally fine with POSTMAN  so  when I test with POSTMAN it works and I can post    I included this code below instead of the first one I showed but it did not work as well   router all      function req  res  next               res header  Access-Control-Allow-Origin                    res header  Access-Control-Allow-Methods    POST  GET  OPTIONS               res header  Access-Control-Allow-Headers    Origin  Content-Type  Accept               res header  Access-Control-Max-Age    1728000               next                  Does someone know how to solve it    Thank you

User · Answer

I noticed this wasn t working with a static-first-then-reverse-proxy setup  Here s what that looks like   location  app     proxy pass http   localhost 3000 request uri     location       try files  uri  uri   app    error page 405  app

User · Answer

In my case it was POST submission of a json to be processed and get a return value  I cross checked logs of my app server with and without nginx  What i got was my location was not getting appended to proxy pass url and the version of HTTP protocol version is different    Without nginx   POST  xxQuery HTTP 1 1  200 - With nginx   POST   HTTP 1 0  405 -   My earlier location block was   location  xxQuery       proxy method POST      proxy pass http   127 0 0 1 xx00       client max body size 10M      I changed it to  location  xxQuery       proxy method POST      proxy http version 1 1      proxy pass http   127 0 0 1 xx00 xxQuery      client max body size 10M      It worked

User · Answer

This is the real proxy redirection to the intended server   server     listen          80    server name     localhost  location             proxy set header X-Real-IP  remote addr          proxy set header X-Forwarded-For  proxy add x forwarded for          proxy set header X-NginX-Proxy true      proxy pass http   xx xxx xxx xxx       proxy redirect off      proxy set header Host  host

User · Answer

I had similiar issue but only with Chrome  Firefox was working  I noticed that Chrome was adding an Origin parameter in the header request   So in my nginx conf I added the parameter to avoid it under location   block  proxy set header Origin

User · Answer

This configuration to your nginx conf should help you   https   gist github com baskaran-md e46cc25ccfac83f153bb  server       listen       80      server name  localhost       location             root   html          index  index html index htm             error page  404      404 html      error page  403      403 html         To allow POST on static pages     error page  405      200  uri

User · Answer

I have tried the solution which redirects 405 to 200  and in production environment in my case  it s Google Load Balancing with Nginx Docker container   this hack causes some 502 errors Google Load Balancing error code  backend early response with non error status     In the end  I have made this work properly by replacing Nginx with OpenResty which is completely compatible with Nginx and have more plugins   With ngx coolkit  Now Nginx OpenResty  could serve static files with POST request properly  here is the config file in my case   server     listen 80     location         override method GET      proxy pass http   127 0 0 1 8080         server     listen 8080    location         root  var www web-static      index index html      add header Cache-Control no-cache          In the above config  I use override method offered by ngx coolkit to override the HTTP Method to GET

[node.js] POST request not allowed - 405 Not Allowed - nginx, even with headers included

Examples related to node.js

Examples related to express

Examples related to nginx

Examples related to cross-domain

Examples related to nodemailer