問題描述

我在vue-cli中的dev-server.js中寫了post的接口

app.use(bodyParser.urlencoded({ extended: true }));var apiRouters = express.Router();// 寫幾個(gè)接口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(); }}

當(dāng)我請求時(shí)后端打出的req.body一直是一個(gè)空對象，但是我看了下瀏覽器明明是有post數(shù)據(jù)過去的

我想問問這是為啥==

問題解答

問題應(yīng)該出在你的dev-server.js里，你缺了對requestBody的正確處理，改成這樣：

app.use(bodyParser.json());app.use(bodyParser.urlencoded({ extended: true }));var apiRouters = express.Router();// 寫幾個(gè)接口apiRouters.post(’/login’, function (req, res) { console.log(req.body);})app.use(’/api’, apiRouters);

再試一次

你可以試試打印req或者打印一個(gè)數(shù)字1看看請求有沒有進(jìn)去。還可以res.send()一個(gè)值看能不能拿到。