第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Axios POST 的發(fā)送狀態(tài)和數(shù)據(jù)未顯示在 req.body 中

Axios POST 的發(fā)送狀態(tài)和數(shù)據(jù)未顯示在 req.body 中

幕布斯7119047 2023-02-17 17:52:47
我正在使用 React 并想使用 Axios 發(fā)出 POST 請求。我正在嘗試將表單數(shù)據(jù)發(fā)送到我的節(jié)點后端。我正在嘗試在 POST 請求中發(fā)送一個對象,該對象是將所有用戶輸入保存到表單的狀態(tài)。反應(yīng)  const [formDetails, setFormDetails] = useState({})  const handleFormChange = (evt) => setFormDetails({ ...formDetails, [evt.target.name]: evt.target.value })  const sendInvoice = async (formDetails) => {    const response = await axios.post('/api/new_invoice', formDetails)    console.log(response)}節(jié)點路由module.exports = (app) => {// Create a new invoiceapp.post('/api/new_invoice', async (req, res) => {    console.log('making a new invoice...')    try {        console.log(req.body)        res.send(req.body)    } catch (err) {        console.log(err)        res.status(400)        res.send({ error: err })        return    }})}這就是我得到的: 當(dāng)我查看響應(yīng)的 req.body 時,它是一個空對象,即使我可以在發(fā)送表單時看到狀態(tài)存在。我還嘗試對對象進行硬編碼,這將在 req.body 上顯示數(shù)據(jù)。例如,如果我將請求更改為const response = await axios.post('/api/new_invoice', {formData: 'this is form data'})然后我可以在 req.body 中看到 formData: 'this is form data'
查看完整描述

2 回答

?
天涯盡頭無女友

TA貢獻1831條經(jīng)驗 獲得超9個贊

您需要將 formData 字符串化,在您的 sendInvoice 函數(shù)中,


您還可以分享郵遞員的示例請求正文嗎?您已經(jīng)在那里測試了 API


let body= JSON.stringify(formData)


const config = {

      headers: {

        'Content-Type': 'application/JSON'

      }

    };

const res = await axios.post('/api/v1/new_invoice', body, config);


查看完整回答
反對 回復(fù) 2023-02-17
?
慕標(biāo)琳琳

TA貢獻1830條經(jīng)驗 獲得超9個贊

要處理來自 HTTP POST 請求的傳入 JSON 對象,您需要編寫以下代碼 -


var express = require('express');

var app=express();

app.use(express.urlencoded());  // To parse URL-encoded bodies

app.use(express.json()); //To parse JSON bodies


// Note: (*applicable for Express 4.16+ )


查看完整回答
反對 回復(fù) 2023-02-17
  • 2 回答
  • 0 關(guān)注
  • 332 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號