时间戳

首页 > 解决方案 > req.body 的值是未定义的 REST API

javascript - req.body 的值是未定义的 REST API

问题描述

我正在创建 REST API 应用程序。我有前端 (Nuxt.js) 和 API (Express.js)，我正在尝试将数据从前端发送到 API。Api 在端口 3001 上工作，在端口 8010 上工作。

因此，数据的发送如下所示：

正面作用：

  methods: {
    async postTip() {
      const test = await postTipFunc({
        content: this.tipContent
      })
    }
  }

这是postTipFunc功能(project_front/api/index.js)：

import axios from "axios";
process.env.NODE_TLS_REJECT_UNAUTHORIZED = '0'


const api = axios.create({
  baseURL: 'http://localhost:8010/',
  headers: {
    'Content-Type': 'application/json'
  }
})

export const postTipFunc = async payload => {
  const { data } =  await api.post(`p-t`, payload)
  return data
}

这是到后端的端点(project_front/server/routes/index.js)：

process.env.NODE_TLS_REJECT_UNAUTHORIZED = '0'
const { Router } = require('express')
const axios = require('axios')
const dotenv = require('dotenv')
dotenv.config()

const api = axios.create({
  baseURL: "http://localhost:3001/",
})

const router = Router()

router.post(`/p-t`, async (req, res) => {
  try {
    const data = await api.post(`/post-tip`, req.body)
    res.json(data.data)
  } catch (e) {
    console.log(e)
  }
})

module.exports = router

最后是后端(prodect_api/src/routes/index.js)：

const router = require('express').Router();
const wrapAsync = require('./../middlewares/async')
const tipController = require('../controllers/tip')

router.post(
  "/post-tip",
  wrapAsync(tipController.postTip)
)

module.exports = router;

实际上，该函数tipController.postTip只是接收数据并在控制台中显示，因此显示它是没有意义的。

另外，如果有帮助，请console.log()仅在此处显示数据 - project_front/api/index.js。在那之后一切都是undefined

那么，我该如何解决呢？

标签： javascriptnode.jsrestaxios

解决方案

好的，这是答案，要使您需要安装body-parse到 API 中的工作正常进行。就像这样：

const bodyParser = require("body-parser");
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: true}));

希望，它会帮助某人！

推荐阅读