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数据过去的

我想问问这是为啥==

问题解答

问题应该出在你的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);

再试一次

你可以试试打印req或者打印一个数字1看看请求有没有进去。还可以res.send()一个值看能不能拿到。