как работать с React ax ios как работать с net :: ERR_CONNECTION_REFUSED

Question

Это спрашивалось ранее, но если я следую решению, все еще находящемуся в консоли, то возникает грубая ошибка: -

    getExchangeAmount(){
  var url = 'http://localhost:8080/excurrency?currency='+this.state.currency+
            '&exCurrency='+this.state.excurrency+'&amount='+this.state.amount 

    axios.get(url)
    .then(response => {
        // success
        this.setState({result: response.data})
    })
    .catch((error) => {
        // handle this error
        console.log('error: '+error);
    })
}

в консоли: -

GET http://localhost: 8080 / excurrency? Currency = EGP & exCurrency = EGP & amount = 1 net :: ERR_CONNECTION_REFUSED

Выше указано красным, что является ошибкой. как избежать или поймать это?

Answer 1

, если вы используете сервер узла, поэтому установите пакет cors на стороне сервера:

npm i cors --save 

в индексе. js на стороне сервера:

const cors= require('cors');
app.use(cors());

тогда ваш код будет работать ..

, если вы не используете сервер узлов, попробуйте следующее:

    getExchangeAmount(){
  var url = '/excurrency?currency='+this.state.currency+
            '&exCurrency='+this.state.excurrency+'&amount='+this.state.amount 

    axios.get(url)
    .then(response => {
        // success
        this.setState({result: response.data})
    })
    .catch((error) => {
        // handle this error
        console.log('error: '+error);
    })
}

Answer 2

Попробуйте, как это

getExchangeAmount(e){
e.preventDefault();
  var url = `/excurrency?currency${this.state.currency}&exCurrency=${this.state.excurrency}&amount=${this.state.amount}`

    axios.get(url)
    .then(response => {
        // success
        this.setState({result: response.data})
    })
    .catch((error) => {
        // handle this error
        console.log('error: '+error);
    })
}