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);

再试一次

这篇关于node.js - vue中 post数据遇到问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！