1

Hola en mi pagina web he hecho un formulario en el cual ocupo fetch

state = { error: false };
  input = ({ target: { value, name } }) => this.setState({ [name]: value });
  submitData = async () => {
    if (!this.handleValidation())return
    let body = this.state;
    body = JSON.stringify({ ...this.state, platform: "SPOT" });
    console.log(body)
    const data = await fetch("linkDeAmazon/working", {
      method: "POST",
      headers: {
        "Content-type": "application/json"
      },
      body
    });
    const json = await data.text();
    console.log(json);
    this.setState({done:true})
  };

Al darle al darle enviar al formulario no lo envía y en la consola me aparece:

introducir la descripción de la imagen aquí

Trabajo con reactjs, me dijeron que ocupara mode: 'no cors', pero no entiendo como hacerlo soy aun novato en esto

1
  • busca CORS, hay varias preguntas en el sitio muy parecidas :)
    – fredyfx
    Commented el 20 may. 2019 a las 20:43

2 respuestas 2

1

En tu servidor Node.js Agrega instala el paquete Cors con npm install cors despues agregalo con const cors = require('cors')

2
  • 2
    Hola Eduardo, me parece que esta respuesta no puede ser lo que el OP está necesitando, ni siquiera ha dicho si el backend está escrito o no en NodeJS, por lo que la solución que propones puede variar si está usando otro lenguaje de programación en el backend. Si quieres hacer anotaciones puedes usar los comentarios Commented el 21 may. 2019 a las 13:17
  • la parte de back me acab de informar que el servidor es NGINX
    – DGomez
    Commented el 21 may. 2019 a las 19:36
1

agregando el mode: 'no-cors' se soluciono el problema

state = { error: false };
  input = ({ target: { value, name } }) => this.setState({ [name]: value });
  submitData = async () => {
    if (!this.handleValidation())return
    let body = this.state;
    body = JSON.stringify({ ...this.state, platform: "Contact us SPOT" });
    console.log(body)
    const data = await fetch("link de amazon/working", {
      method: "POST",
      headers: {
        "Content-type": "application/json"
      },
      body,
      mode: 'no-cors'
    });
    const json = await data.text();
    console.log(json);
    this.setState({done:true})
  };

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.