使用 Next.js 连接 mysql 数据库

在 Next.js 中连接 MySQL 数据库，你可以使用 mysql 或 mysql2 Node.js 包。以下是一个简单的例子，展示如何在 Next.js 应用程序中设置数据库连接和查询。

首先，安装所需的包：

npm install mysql

然后，在 Next.js 的页面或者 _app.js 中创建数据库连接，并使用该连接执行查询：

// _app.js
import 'mysql2/promise'; // 引入mysql2/promise以支持Promise
 
const pool = mysql.createPool({
  connectionLimit: 10,
  host: 'example.com',
  user: 'username',
  password: 'password',
  database: 'dbname',
});
 
export default function App({ Component, pageProps }) {
  return <Component {...pageProps} />;
}
 
App.getInitialProps = async ({ ctx }) => {
  const connection = await pool.getConnection();
  try {
    const [rows, fields] = await connection.query('SELECT * FROM your_table');
    // 使用rows变量处理查询结果
    console.log(rows);
  } catch (error) {
    // 处理错误
    console.error(error);
  } finally {
    // 释放连接
    connection.release();
  }
 
  return {
    // 返回任何初始props
  };
};

请注意，这个例子仅展示了如何在 Next.js 应用程序中设置数据库连接和执行查询。在实际应用中，你需要根据具体情况处理错误和连接管理。此外，为了安全起见，不应在源代码中直接包含数据库的凭据，而应该使用环境变量或配置文件来管理这些信息。