node.js - vue中 post数据遇到问题
问题描述
我在vue-cli中的dev-server.js中写了post的接口
app.use(bodyParser.urlencoded({ extended: true }));var apiRouters = express.Router();// 写几个接口apiRouters.post(’/login’, function (req, res) { console.log(req.body);})app.use(’/api’, apiRouters);
然后在vue组件中用axios请求
methods: { submitForm(formName) {this.$refs[formName].validate((valid) => { if (valid) { alert(’submit!’); let loginParams = { username: this.ruleForm.account, password: this.ruleForm.checkPass }; this.axios.post(’/api/login’,loginParams).then(response => {console.log(response); }) } else { console.log(’error submit!!’); return false; }}); }, resetForm(formName) { console.log(’reset’); this.$refs[formName].resetFields(); }}
当我请求时后端打出的req.body一直是一个空对象,但是我看了下浏览器明明是有post数据过去的
我想问问这是为啥==
问题解答
回答1:问题应该出在你的dev-server.js里,你缺了对requestBody的正确处理,改成这样:
app.use(bodyParser.json());app.use(bodyParser.urlencoded({ extended: true }));var apiRouters = express.Router();// 写几个接口apiRouters.post(’/login’, function (req, res) { console.log(req.body);})app.use(’/api’, apiRouters);
再试一次
回答2:你可以试试打印req或者打印一个数字1看看请求有没有进去。还可以res.send()一个值看能不能拿到。
相关文章:
1. angular.js - 请教angularjs里html和js通信的问题2. node.js - 怎么在初始化的时候使得一个子组件不加载?3. 求解决方法:Parse error: syntax error, unexpected4. 安装完composewamp启动不了了5. mysql - C#连接数据库时一直这一句出问题int i = cmd.ExecuteNonQuery();6. MySQL数据库中间件如何实现分布式事务7. 大神帮忙看一下万分感谢!8. mysql - 优惠券表应该怎么建,求帮助9. Linux服务器下怎么把phpStudy卸载干净10. 没有输出结果,也没有报错信息