本地vue3 项目与Mysql服务器对接

要连接 Vue3 项目与 MySQL 服务器，您需要进行以下步骤：

1. 安装 MySQL 数据库和 MySQL Workbench（或其他可视化工具）用于管理数据库。

2. 在 MySQL 数据库中创建您的数据库和表格。

3. 在 Vue3 项目中安装 mysql2 模块，该模块可以让您在 Node.js 中使用 MySQL 数据库。

   npm install mysql2 --save

4. 在 Vue3 项目中编写代码以连接到 MySQL 数据库。以下是一个示例：

   const mysql = require('mysql2');
   
   const connection = mysql.createConnection({
     host: 'localhost',
     user: 'root',
     password: 'password',
     database: 'mydatabase'
   });
   
   connection.connect((err) => {
     if (err) {
       console.error('error connecting: ' + err.stack);
       return;
     }
   
     console.log('connected as id ' + connection.threadId);
   });

您需要将上述代码中的 host、user、password 和 database 替换为您自己的 MySQL 数据库信息。

5. 在 Vue3 项目中编写代码以查询和更新数据库。以下是一个示例：

   connection.query('SELECT * FROM mytable', (err, results, fields) => {
     if (err) throw err;
   
     console.log('The result is: ', results);
   });
   
   connection.query('INSERT INTO mytable (name, email) VALUES (?, ?)', ['John', 'john@example.com'], (err, results, fields) => {
     if (err) throw err;
   
     console.log('The result is: ', results);
   });

您需要将上述代码中的 mytable 替换为您自己的表格名称，并根据需要更改查询和更新语句。

希望这些步骤能够帮助您连接 Vue3 项目和 MySQL 数据库。