Richieste POST bloccate

[fermat]

ciao!

sto sviluppando una piccola web app con react.
per l'invio delle richieste uso axios.

1) Lettura
per quanto riguarda la lettura dei dati da db non ho problemi:

axios.get(BOOK_ALL)
    .then(res => {
        this.setState({
            books: res.data.books
});
    });

e questo il codice PHP:

header("Access-Control-Allow-Origin: *");
header("Content-Type: application/json; charset=UTF-8");
...............................

2) Cancellazione
qui ho problemi:

Bloccata richiesta multiorigine (cross-origin): il criterio di corrispondenza dell’origine non consente la lettura della risorsa remota da https://www.sito.com/api/book/del.php. Motivo: richiesta preliminare (“preflight”) del canale CORS non riuscita.



Bloccata richiesta multiorigine (cross-origin): il criterio di corrispondenza dell’origine non consente la lettura della risorsa remota da https://www.sito.com/api/book/del.php. Motivo: richiesta CORS non riuscita.



Error: "Network Error"    createError createError.js:17

    handleError xhr.js:80



 home.js:28

questo il codice js:

axios.post(BOOK_DEL, {id: 'hhhhh'})
    .then((response) => {
        console.log(response);
    }, (error) => {
        console.log(error);
    });

e questo il codice PHP:

header("Access-Control-Allow-Origin: *");
header("Content-Type: application/json; charset=UTF-8");
header("Access-Control-Allow-Methods: POST");
header("Access-Control-Max-Age: 3600");
header("Access-Control-Allow-Headers: Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With");

sinceramente non capisco e non so che fare.
qualche idea??

[M4V1]

La richiesta preflight dovrebbe essere la richiesta OPTIONS che probabilmente non funziona perchè tu autorizzi solo POST quindi io proverei così:

header("Access-Control-Allow-Methods: POST, OPTIONS");

[fermat]

La richiesta preflight dovrebbe essere la richiesta OPTIONS che probabilmente non funziona perchè tu autorizzi solo POST quindi io proverei così:

header("Access-Control-Allow-Methods: POST, OPTIONS");

ciao!

il problema era il content-type.
sul server:

header("Access-Control-Allow-Origin: *");
header('Access-Control-Allow-Methods: GET, POST');
header("Access-Control-Allow-Headers: X-Requested-With");
header("Content-Type: application/x-www-form-urlencoded"); 

sul client:

        axios.post(BOOK_DEL, "id=" + rowKeys, {
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded'
            }
        }).then((response) => {
            // console.log(response);
        }, (error) => {
            // console.log(error);
        });

ha funzionato.