如何处理 React axios 如何处理 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);
    })
}

在控制台中：-

获取 http://localhost:8080/excurrency?currency=EGP&exCurrency=EGP&amount=1 网络::ERR_CONNECTION_REFUSED

上面是红色的，这是一个错误。如何避免或抓住这个？

Answer 1

如果您使用的是节点服务器，请在服务器端安装 cors 包：

npm i cors --save 

在服务器端的 index.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);
    })
}