vue怎么保存 在vue上录完之后怎样保存

const express = require("express");
const bodyParser = require("body-parser");
const app = express();
 
// 解析请求体
app.use(bodyParser.json());
 
// 处理POST请求
app.post("/save-data", (req, res) => {
  const data = req.body;
  // 把数据保存到数据库或文件中
});
 
// 启动服务器
app.listen(3000, () => {
  console.log("Server is running on http://localhost:3000");
});

<template>
  <form @submit.prevent="saveData">
    <label>Name:</label>
    <input type="text" v-model="name">
    <br>
    <label>Email:</label>
    <input type="email" v-model="email">
    <br>
    <button type="submit">Save</button>
  </form>
</template>
 
<script>
import axios from "axios";
 
export default {
  data() {
    return {
      name: "",
      email: ""
    };
  },
  methods: {
    saveData() {
      axios.post("http://localhost:3000/save-data", {
        name: this.name,
        email: this.email
      }).then(() => {
        console.log("Data saved successfully!");
      }).catch((error) => {
        console.error("Error saving data:", error);
      });
    }
  }
};
</script>

const mongoose = require("mongoose");
mongoose.connect("mongodb://localhost/my_database");
 
const dataSchema = new mongoose.Schema({
  name: String,
  email: String
});
 
const Data = mongoose.model("Data", dataSchema);
 
app.post("/save-data", (req, res) => {
  const data = new Data({
    name: req.body.name,
    email: req.body.email
  });
 
  data.save((error) => {
    if (error) {
      console.error("Error saving data:", error);
      res.status(500).send("Error saving data");
    } else {
      console.log("Data saved successfully!");
      res.send("Data saved successfully!");
    }
  });
});