Question

我使用节点js作为服务器，只响应一些Json数据。

＆＃13;

//https
var privateKey = fs.readFileSync('./ssl/key.pem').toString();
var certificate = fs.readFileSync('./ssl/cert.pem').toString();
var credentials = {key: privateKey, cert: certificate};

var httpServer = http.createServer(app);
var httpsServer = https.createServer(credentials, app);
var PORT = 18080;
var SSLPORT = 18081;

httpServer.listen(PORT, function () {
    console.log('HTTP Server is running on: http://localhost:%s', PORT);
});
httpsServer.listen(SSLPORT, function () {
    console.log('HTTPS Server is running on: https://localhost:%s', SSLPORT);
});

app.get('/listUsers', function (req, res) {

    res.header('Content-Type', 'application/json');
    res.header('Access-Control-Allow-Origin','*');

    res.send(JSON.stringify({ a: 1 ,'id':2,'title':3}))
    
});

＆＃13;

我的反应代码如下：

＆＃13;

let http_url = "https://localhost:18081/listUsers";
        fetch(http_url, init)
            .then((response) => response.json())
            .then((responseJson) => {

                this.setState({message: `${responseJson['id']} - ${responseJson['title']}`});
            })
            .catch(e => {console.log(`error ${e}`)});

＆＃13;

我可以通过输入＆＃34; https://localhost:18081/listUsers＆＃34;获得真正的json响应结果。在chrome中，但是模拟器总是告诉我＆＃34; React：error TypeError：网络请求失败＆＃34;。 我认为原因可能是Node响应头不正确。谁能给我一些建议？非常感谢！

Answer 1

您是否更改了此类节点端代码？

res.json({ a: 1 ,'id':2,'title':3});

我认为您将数据作为字符串传递。要求是json

首先尝试使用http：//如果您在尝试使用https：//

后获得了成功结果

React：error TypeError：网络请求失败

1 个答案: