vue后端表单怎么接收对象数据

在Vue中，可以通过axios库发送HTTP请求将前端表单数据提交到后端。后端可以通过以下方式接收对象数据：

1. 使用body-parser中间件解析请求体：

在后端的入口文件（如app.js、server.js）中引入body-parser中间件：

const bodyParser = require('body-parser');
app.use(bodyParser.json()); // 解析application/json格式的数据
app.use(bodyParser.urlencoded({ extended: true })); // 解析application/x-www-form-urlencoded格式的数据

在路由处理函数中，可以通过req.body获取前端发送的表单数据，该数据为一个对象。

2. 使用express自带的json中间件：

在后端的入口文件中引入express：

const express = require('express');
const app = express();

在路由处理函数中，可以通过req.body获取前端发送的表单数据，该数据为一个对象。

例如，假设前端发送的表单数据为：

{
  name: '张三',
  age: 18,
  gender: '男'
}

后端可以如下接收：

app.post('/submit', (req, res) => {
  const formData = req.body;
  console.log(formData.name); // 输出：张三
  console.log(formData.age); // 输出：18
  console.log(formData.gender); // 输出：男
});

注意：在发送请求时，需要将数据以JSON格式发送，如果是表单数据，需要使用qs库将表单数据序列化为字符串再发送。例如：

import axios from 'axios';
import qs from 'qs';

const formData = {
  name: '张三',
  age: 18,
  gender: '男'
};

axios.post('/submit', qs.stringify(formData)).then(res => {
  console.log(res.data);
}).catch(err => {
  console.log(err);
});

以上是常用的接收对象数据的方法，希望对你有所帮助。