可以通过Axios和节点后端发送数据

Question

我正在尝试访问从后端传递到前端的表达式，并通过Axios访问前端。

生产者方面：

const axios = require('axios');
const URL = "http://localhost:5000/"
let n1 = 3
let n2 = 5
let sum = n1+n2;



axios.post(URL, JSON.stringify({
    expression: sum,
  }))
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

在消费者方面：

const express = require('express')
const app = express()

app.post('/', (req, res) => {
  console.log(req.body);
})

app.listen(5000, () => console.log())

最终，我想拥有消费者侧日志“ 8”

Answer 1

您无需转换为JSON，Axios本地服务JSON。

添加到服务器：

app.use(express.json())

只需向您发送数据：

axios.post(URL, { expression: sum, })
  .then(console.log)
  .catch(console.err)

Answer 2

来自“ express”文档：

req.body

包含请求主体中提交的数据的键值对。默认情况下，它是 未定义的 ，当您使用诸如Body-Parser和Multer之类的身体脱落中间件时会填充。

在尝试注册端点之前，请尝试包括此内容：

const bodyParser = require('body-parser')

app.use(bodyParser.json())

您还可以使用express.json（）并删除“身体偏好器”依赖项：

// const bodyParser = require('body-parser')

app.use(express.json())

Answer 3

Axios也有一些安全措施，您应该将IP地址放入
const url =“ http：// localhost：5000/”