类型错误：尝试获取资源时的网络错误。从 nodejs 服务器获取数据时得到了这个 [重复]

Question

我试图从节点js应用程序获取我的反应应用程序中的数据，我收到了下面给出的错误消息：

react中的App.js

    const url = "https://localhost:3001?address="+this.state.location ;
    fetch(url , {
      mode: 'no-cors' // 'cors' by default
    }).then((response)=>{
        response.json().then((data)=>{
            if(data.error)
            {
              this.setState({
                error : data.error
              });
            }
            else
            {
                this.setState({
                  temperature : data.temperature
                });
            }
        })
    })

节点应用程序中的app.js

app.get('/weather' , (req , res)=>{
    if(!req.query.address){
        return res.send({
            error : 'Please, provide an address'
        })
    }
    geoCode(req.query.address , (error , {longitude , latitude , place}={})=>{
        if(error)
        {
            return res.send({
                error
            })
        }
        getWeather (latitude  ,longitude , (error , {temperature , humidity})=>{
            if(error)
            {
                return res.send({
                   error
                })
            }

            return res.send({
                temperature ,
                humidity ,
                place
            })


        })
    })

})

错误消息:TypeError: NetworkError尝试获取资源时出错。

Answer 1

您正在将 https url 用于本地托管应用程序。除非您提供了证书等，否则它将无法正常工作。您需要使用 http://localhost:3001