node.js - resource - node express origin

Solicitud POST no permitida-405 No permitida-nginx, incluso con encabezados incluidos

Question

Tengo un problema al intentar hacer una solicitud POST en mi aplicación y busqué mucho, pero no encontré la solución.

Entonces, tengo una aplicación nodeJS y un sitio web, y estoy tratando de hacer una solicitud POST usando un formulario de este sitio, pero siempre termino en esto:

y en la consola veo:

    Uncaught TypeError: Cannot read property ''value'' of null 
Post "http://name.github.io/APP-example/file.html " not allowed

eso está en esta línea de código:

file.html:

<form id="add_Emails" method ="POST" action="">

    <textarea rows="5" cols="50" name="email">Put the emails here...
    </textarea>

        <p>
        <INPUT type="submit" onclick="sendInvitation()" name=''sendInvitationButton'' value =''Send Invitation''/>
        </p>


</form>

<script src="scripts/file.js"></script>

file.js:

function sendInvitation(){

    var teammateEmail= document.getElementById("email").value;

Leí muchas publicaciones y una documentación de dominio cruzado, pero no funcionó. fuente de investigación 1: http://enable-cors.org/server.html fuente de investigación 2: http://www.w3.org/TR/2013/CR-cors-20130129/#http-access-control-max-age

Lo que estoy haciendo ahora

Estoy intentando PUBLICAR desde un dominio diferente de mi servidor:

PETICIÓN POSTAL: http://name.github.io/APP-example/file.html , repositorio github

POST LISTENER: " http://xxx.xxx.x.xx:9000/email , servidor localhost (x-> mi dirección IP)

Entonces, tuve el mismo problema en otros archivos, pero lo arreglé poniendo este código al inicio de cada ruta:

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();
 });

y lo arreglé haciéndolo.

Ahora, tengo el mismo problema, pero en este archivo la única diferencia es que trato con SMTP y correos electrónicos, así que publico un correo electrónico y envío un correo electrónico a este correo electrónico que recibí en la solicitud POST.

El código funciona perfectamente con POSTMAN, por lo tanto, cuando pruebo con POSTMAN, funciona y puedo publicar.

Incluí este código a continuación en lugar del primero que mostré, pero no funcionó tan bien:

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();
        });

¿Alguien sabe cómo resolverlo?

Gracias.

Answer 1

Esta configuración para su nginx.conf debería ayudarlo.

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;

    # ...
}

Answer 2

Esta es la redirección de proxy real para el servidor deseado.

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;

  }
}

Answer 3

He intentado la solución que redirige 405 a 200, y en el entorno de producción (en mi caso, es Google Load Balancing con contenedor Nginx Docker), este truco provoca unos 502 errores (Código de error de Google Load Balancing: backend_early_response_with_non_error_status).

Al final, he hecho que esto funcione correctamente al reemplazar Nginx con OpenResty, que es completamente compatible con Nginx y tiene más complementos.

Con ngx_coolkit , Now Nginx (OpenResty) podría servir archivos estáticos con solicitud POST correctamente, aquí está el archivo de configuración en mi caso:

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;
  }
}

En la configuración anterior, utilizo override_method ofrecido por ngx_coolkit para anular el método HTTP para GET .

Answer 4

Me di cuenta de que esto no funcionaba con una configuración de proxy estático primero-luego-inverso. Esto es lo que parece:

location @app {
  proxy_pass http://localhost:3000$request_uri;
}

location / {
  try_files $uri $uri/ @app;
  error_page 405 @app;
}