Visualizzazione dei risultati da 1 a 3 su 3

Discussione: Axios, Nodejs e cors

  1. #1

    Axios, Nodejs e cors

    prima di scrivere ci ho provato, veramente.
    ma mi arrendo.

    ho creato una piccola app con nodejs ed express.
    ed ho aggiunto anche le impostazioni cors:
    codice:
    app.use(function (req, res, next) {
        res.header("Access-Control-Allow-Origin", "*");
        res.header("Content-Type: application/json; charset=UTF-8");
        next();
    });
    potete anche provare con curl:
    codice:
    $ curl -i -H "Accept: application/json" 'https://www.matteoferrone.it/films'
    adesso la parte client con react, usando axios:
    codice:
    async componentDidMount() {
        await axios.get("https://wwww.matteoferrone.it/films/")
            .then(res => {
                this.setState({
                    films: res.data
                });
            });
    
        console.log(this.state.films);
    }
    errore:
    codice:
    Bloccata richiesta multiorigine (cross-origin): il criterio di corrispondenza dell’origine non consente la lettura della risorsa remota da https://wwww.matteoferrone.it/films/. Motivo: richiesta CORS non riuscita.
    un ever green.
    sono andato a controllare l'header della richiesta:
    codice:
    URL richiesta:https://wwww.matteoferrone.it/films/
    
    Metodo di richiesta:GET
    
    Referrer Policy:no-referrer-when-downgrade
    
    Host: wwww.matteoferrone.it
    User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:74.0) Gecko/20100101 Firefox/74.0
    Accept: application/json, text/plain, */*
    Accept-Language: it-IT,it;q=0.8,en-US;q=0.5,en;q=0.3
    Accept-Encoding: gzip, deflate, br
    Referer: http://localhost:3000/films
    Origin: http://localhost:3000
    Connection: keep-alive
    a me sembra tutto ok.
    anche se ci andate col browser non ci sono problemi.
    e mi sembra che le impostazio cors ci siano.
    il dominio ha anche HTTPS attivato con let's encrypt.
    eppure ottengo questo errore.
    qualche idea???

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2016
    Messaggi
    783
    codice:
    async componentDidMount() {
        await axios.get("https://wwww.matteoferrone.it/films/")
            .then(res => {
                this.setState({
                    films: res.data
                });
            });
    
    
        console.log(this.state.films);
    }
    C'è una w di troppo nell'url.

  3. #3
    Quote Originariamente inviata da M4V1 Visualizza il messaggio
    codice:
    async componentDidMount() {
        await axios.get("https://wwww.matteoferrone.it/films/")
            .then(res => {
                this.setState({
                    films: res.data
                });
            });
    
    
        console.log(this.state.films);
    }
    C'è una w di troppo nell'url.
    scusate errore stupido.
    ho ribaltato sia il client che il server, e non ho pensato a una cosa del genere.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.