您的位置:首页技术文章
文章详情页

node.js - vue中 post数据遇到问题

【字号: 日期:2023-09-05 08:06:06浏览:53作者:猪猪

问题描述

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

node.js - vue中 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()一个值看能不能拿到。

标签: vue
相关文章: