亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

如何從 React js axios post 請求將 FormData 發送到節點服務器?

如何從 React js axios post 請求將 FormData 發送到節點服務器?

溫溫醬 2023-09-07 18:26:13
我正在嘗試將表單數據發送到節點服務器,數據在請求時顯示在網絡負載中,但未到達節點服務器。請求啟動器文件。let formData = new FormData();         // formData.append('test', 'hello');         formData.append('productImage', productImage);         // console.log(productName);         formData.append('productName', productName);         formData.append('productDesc', productDesc);         formData.append('productPrice', productPrice);         formData.append('productCategory', productCategory);         formData.append('productQty', productQty);         // var options = { content: formData };         console.log(formData.entries());         createProduct(formData)            .then((response) => {               console.log('server response = ', response);            })            .catch((err) => {               console.log('Error Occurred ', err);            });      }產品.js 文件import axios from 'axios';export const createProduct = async (formData) => {   console.log(formData);   const response = await axios.post('/api/products/', formData);   return response;};服務器.js 文件const express = require('express');const app = express();const cors = require('cors');const morgan = require('morgan');const cookieParser = require('cookie-parser');const connectDB = require('./database/db');const authRoutes = require('./routes/auth');const categoryRoutes = require('./routes/category');const productRoutes = require('./routes/products');app.use(cors());app.use(morgan('dev'));app.use(express.json());app.use(cookieParser());// app.use(express.json());app.use('/api/auth', authRoutes);app.use('/api/category', categoryRoutes);app.use('/api/products', productRoutes);connectDB();const port = process.env.PORT || 5000;app.listen(port, () => console.log(`listening to port ${port}`));
查看完整描述

2 回答

?
MMTTMM

TA貢獻1869條經驗 獲得超4個贊

嘗試更改

headers: { 'Content-Type': 'multipart/form-data' }

headers: { 'Content-Type': 'application/json' }

并添加以下行


app.use(bodyParser.urlencoded({ extended: true })); //this line is already mentioned above

app.use(bodyParser.json());//add this line


查看完整回答
反對 回復 2023-09-07
?
交互式愛情

TA貢獻1712條經驗 獲得超3個贊

嘗試將內容類型添加到 axios.post 上的標題中。


export const createProduct = (formData) => {

  return axios({

    method: 'post',

    url: '/api/products/',

    data: formData,

    headers: { 'Content-Type': 'multipart/form-data' }

  });

};

還可以bodyParser.urlencoded()在服務器端使用中間件。


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

app.use(bodyParser.urlencoded({ extended: true }));

您將從 獲取數據req.body。


查看完整回答
反對 回復 2023-09-07
  • 2 回答
  • 0 關注
  • 121 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號