Mysql
 sql >> Database >  >> RDS >> Mysql

Invio di dati da React a MySQL

Dovrai isolare il problema verificando prima che il tuo punto di servizio sia abilitato per CORS. Per concentrarmi esclusivamente sulla funzionalità CORS, rimuoverei temporaneamente il codice MySQL.

const express = require('express');
const bodyParser = require('body-parser');
const cors = require('cors');

const app = express();
app.use(cors());

app.get('/', function(req, res){
  var root = {};
  root.status = 'success';
  root.method = 'index';
  var json = JSON.stringify(root);
  res.send(json);
});

app.post('/cors', function(req, res) {
  var root = {};
  root.status = 'success';
  root.method = 'cors';
  var json = JSON.stringify(root);
  res.send(json);
})

// Start the server
app.listen(3300, () => {
   console.log('Listening on port 3300');
 });

Se hai un server in ascolto sulla porta 3300, esegui il seguente comando PREFLIGHT sul terminale.

curl -v \
-H "Origin: https://example.com" \
-H "Access-Control-Request-Headers: X-Custom-Header" \
-H "Acess-Control-Request-Method: POST" \
-X OPTIONS \
http://localhost:3300

Se la richiesta di verifica preliminare ha esito positivo, la risposta dovrebbe includere Access-Control-Allow-Origin, Access-Control-Allow-Methods e Access-Control-Allow-Headers

Ora esegui il metodo POST.

curl -v \
-H "Origin: https://example.com" \
-H "X-Custom-Header: value" \
-X POST \
http://localhost:3300/cors

Se la richiesta del post ha esito positivo, la risposta dovrebbe includereAccess-Control-Allow-Origin

Se tutto sembra a posto, il tuo server è a posto. Devi quindi provare il metodo post dalla tua app iOS.

NOTA. Sarei anche sospettoso di usare cors su localhost. Mapperei 127.0.0.1 a un dominio e quindi l'app utilizzerà quel dominio. Se sei su Linux o Mac, modifichi /etc/hosts. Per Windows è c:\windows\system32\drivers\etc\hosts