Web服务的响应不起作用

Question

我正在使用 express 和 NodeJS。我创建了一个 helloworld 网络服务。 我用 Axios 在 ReactJS 中调用这个 web 服务。 但是我对Webservice的响应有问题 这是我的网络服务：

var busboy = require('connect-busboy');
const app = express()
const port = 4002
app.use(bodyParser())
app.use(busboy());
app.use('/', express.static('./'));   
app.get('/helloworld', (req, res) => {
   return res.send('hello world')
})

这里，我调用了webservice：

callWs = () => {
        axios.get(`http://localhost:4002/helloworld`)
        .then(response => {            
           console.log('WS') // it doesn't work
        }) .catch(function (error) {
            if (error.response) {
                console.log('Error data : ', error.response.data);
                console.log('Error status : ', error.response.status);
                console.log('Error headers : ', error.response.headers);
            } else if (error.request) {
                console.log('Error request : ', error.request);
            } else {
                console.log('Error message : ', error.message);
            }
            console.log(error.config);
        })                 
    }

这里是 navigator 的控制台：

它只适用于 json 数据

你有什么想法吗？ 谢谢

Answer 1

根据您显示的代码，我发现您缺少服务器中的端口设置：

app.listen(port);

没有它，我会收到 ECONNREFUSED 错误。

如果您添加它并将函数中的行更改为：

callWs = () => {
        axios.get(`http://localhost:4002/helloworld`)
        .then(response => {            
           console.log(response.data)
        }) .catch(function (error) {
            if (error.response) {
                console.log('Error data : ', error.response.data);
                console.log('Error status : ', error.response.status);
                console.log('Error headers : ', error.response.headers);
            } else if (error.request) {
                console.log('Error request : ', error.request);
            } else {
                console.log('Error message : ', error.message);
            }
            console.log(error.config);
        })                 
    }

您正确地收到了hello world 消息。

Answer 2

1- 您应该通过在末尾添加此行来启动快速服务器：

app.listen(port, () => console.log(`Express app listening on port ${port}!`))

2- 您从根目录为static files 提供服务，您必须创建一个public 文件夹并使用它来呈现静态文件：

const path = require("path");
...
app.use(express.static(path.join(__dirname, 'public')));

3- 如果您想管理文件上传，请使用 multer 包而不是 busboy

最后你的服务器端代码应该是这样的：

const express = require('express'),
    app = express(),
    port = 4002,
    bodyParser = require('body-parser'),
    path = require("path");

// body parser middleware
app.use(bodyParser());
// serving static files from ./public folder
app.use(express.static(path.join(__dirname, 'public')));

app.get('/helloworld', (req, res) => {
    return res.send('hello world')
});

app.listen(port, () => console.log(`Express app listening on port ${port}!`))