vue中数据库如何连接服务器

// db.js

// 引入数据库驱动程序
const mysql = require('mysql');

// 创建数据库连接
const connection = mysql.createConnection({
  host: 'localhost',
  user: 'root',
  password: 'password',
  database: 'mydatabase'
});

// 连接数据库
connection.connect((err) => {
  if (err) {
    console.error('Error connecting to database: ' + err.stack);
    return;
  }
  console.log('Connected to database as id ' + connection.threadId);
});

// 导出数据库连接对象
module.exports = connection;

// MyComponent.vue

<template>
  <div>
    <!-- 组件内容 -->
  </div>
</template>

<script>
// 引入数据库连接文件
import db from '@/db';

export default {
  name: 'MyComponent',
  data() {
    return {
      // 组件数据
    };
  },
  created() {
    // 使用数据库连接对象进行数据操作
    db.query('SELECT * FROM mytable', (error, results) => {
      if (error) {
        console.error('Error executing query: ' + error.stack);
        return;
      }
      console.log('Query results:', results);
    });
  },
};
</script>