react+node.js中body-parser插件发送post请求,拿不到req.body问题

只需要把body-parser放在user.js文件前面引入

sever.js

	
	const express = require('express')
	const bodyParser = require('body-parser')
	const userRouter = require('./user')
	
	const app = express()
	
	app.use(bodyParser.json()) 	//先use body-parser
	app.use('/user',userRouter) 	//再use userRouter
	
	app.listen(9093,function(){
	  console.log('node app start at port 9093')
	})

user.js

Router.post('/register',function(req,res){
 	 console.log(req.body)
})
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Node.js是一个基于Chrome V8引擎的JavaScript运行环境,它使得JavaScript不仅可以在浏览器运行,还可以在服务器端执行。在创建一个简单的报名系统时,你可以使用Node.js结合Express框架来构建后端API,MongoDB作为数据库来存储报名信息。下面是基本步骤: 1. **安装依赖**: - 使用npm(Node包管理器)安装Express (`npm install express`) 和 Mongoose(处理MongoDB操作)(`npm install mongoose`) 2. **设置项目结构**: - 创建文件夹,如 `server`, `database`, `models`, `routes` 等 3. **数据库连接**: - 在`models`文件夹下创建`User.js`,使用Mongoose定义用户模型(包含姓名、邮箱、密码等字段) ```javascript const mongoose = require('mongoose'); const Schema = mongoose.Schema; const UserSchema = new Schema({ name: { type: String, required: true }, email: { type: String, unique: true, required: true }, password: { type: String, required: true }, }); module.exports = mongoose.model('User', UserSchema); ``` 4. **路由设置**: - 在`routes`文件夹下创建`signup.js`,处理POST请求的注册功能 ```javascript const express = require('express'); const router = express.Router(); const User = require('../models/User'); router.post('/signup', async (req, res) => { try { const newUser = new User(req.body); await newUser.save(); res.status(201).json({ message: 'User registered successfully' }); } catch (error) { res.status(400).json({ error: error.message }); } }); module.exports = router; ``` 5. **启动服务器**: - 在`server`文件夹下的`index.js`或`app.js`,配置路由并监听端口 ```javascript const express = require('express'); const app = express(); const bodyParser = require('body-parser'); const userRoutes = require('./routes/signup'); app.use(bodyParser.json()); app.use('/api/signup', userRoutes); const PORT = process.env.PORT || 3000; app.listen(PORT, () => { console.log(`Server running on port ${PORT}`); }); ``` 6. **客户端实现**: - 用户可以通过前端框架(如React、Vue或Angular)发送POST请求到`/api/signup`,提供报名信息。确保前端验证数据并正确发送

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值