mongoose数据库中的Vue更新数据并使用axios调用

// 前端代码（Vue组件）
<template>
  <div>
    <input v-model="newData" type="text" placeholder="输入新数据">
    <button @click="updateData">更新数据</button>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      newData: '',
    };
  },
  methods: {
    updateData() {
      axios.put('/api/data', { newData: this.newData })
        .then(response => {
          console.log(response.data);
          // 更新成功后的操作
        })
        .catch(error => {
          console.error(error);
          // 更新失败后的操作
        });
    },
  },
};
</script>

// 后端代码（Node.js服务器）
const express = require('express');
const mongoose = require('mongoose');

const app = express();
const port = 3000;

// 连接MongoDB数据库
mongoose.connect('mongodb://localhost/mydatabase', { useNewUrlParser: true });

// 定义数据模型
const dataSchema = new mongoose.Schema({
  newData: String,
});

const Data = mongoose.model('Data', dataSchema);

// 更新数据的API
app.put('/api/data', (req, res) => {
  const { newData } = req.body;

  Data.findOneAndUpdate({}, { newData }, { new: true })
    .then(updatedData => {
      res.send(updatedData);
    })
    .catch(error => {
      console.error(error);
      res.status(500).send('更新数据失败');
    });
});

// 启动服务器
app.listen(port, () => {
  console.log(`服务器运行在 http://localhost:${port}`);
});