fetch 请求数据以及 node 后端 post请求获取不到数据的记录

最新推荐文章于 2025-10-25 06:47:54 发布

原创最新推荐文章于 2025-10-25 06:47:54 发布 · 8.4k 阅读

2 ·

CC 4.0 BY-SA版权

nodejs 专栏收录该内容

17 篇文章

订阅专栏

本文记录了在使用Fetch API替代axios后，遇到的与Node.js后端进行POST请求时数据获取不到的问题。通过分析，发现GET请求能够通过req.query获取参数，但POST请求需要借助body-parser或formidable来解析POST数据。

axios 用过之后就不想在用了所以就用了fetch

在使用fetch请求由node构建的服务的时候

get 请求能沟通过req,query请求过来参数但是post不行

所以需要引用body-parmr

或者使用formidable来进行post数据的解析

import formidable from 'formidable';
import timeFormater from 'time-formater';
import server from '../../server/article.js';
import publicJs from '../../prototyoe/public.js'
class articleController{
	constructor(){

	}
	async newArticle(req,res,next){
           const form = new formidable.IncomingForm();
            form.parse(req,async (err,fields , files) => {
                const {title, content,publishTime} = fields;
                  try{
                      if(!title){
                          throw new Error("文章标题不能为空");
                      }else if(!content){
                           throw new Error("文章内容不能为空")
                      }else if(!publishTime){
                           throw new Error("时间不能为空")
                      }
                   }catch(error){
                         res.send({
                            status:0,
                            type:"ERROR_ARTICLE",
                            message:error.message
                           })
                   }
                   try{
                        const article_id = await publicJs.articleId();

                        const Article = {
                             title:title,
                             content:content,
                             publishTime:publishTime,
                             // article_id : article_id
                        }
                        await server.articleDb(Article);
                           res.send({
                              status:1,
                              message:"保存文章成功"
                           })
                   }catch(error){
                        res.send({
                           status:0,
                           message:"保存文章失败"
                        })
                   }
            })
	}
};

但是post请求还是不成功最后才发现是因为在fetch中没有规定请求的数据是json格式的，导致了数据请求不成功

	if (window.fetch && method == 'fetch') {
		let requestConfig = {
			credentials: 'include',
			method: type,
			headers: {
				'Accept': 'application/json', 
				'Content-Type': 'application/json'
			},
			
		}

		if (type == 'POST') {
			Object.defineProperty(requestConfig, 'body', {
				value: JSON.stringify(data)
			})
		}
		
		try {
			const response = await fetch(url, requestConfig);
			const responseJson = await response.json();
			return responseJson
		} catch (error) {
			throw new Error(error)
		}
	}