导读：

Nuxt.js是一个基于Vue.js的通用应用框架，支持服务器端渲染(SSR)、静态站点生成和单页面应用(SPA)等多种应用场景。而MySQL是一种开源的关系型数据库管理系统，广泛应用于Web应用程序中。本文将介绍如何在Nuxt.js中使用MySQL进行数据存储。

1. 安装依赖

首先需要安装mysql和mysql2两个npm包。可以通过以下命令进行安装：

```

npm install mysql mysql2

2. 配置连接

在nuxt.config.js文件中添加以下配置：

export default {

// ...

env: {

MYSQL_HOST: 'localhost',

MYSQL_USER: 'root',

MYSQL_PASSWORD: 'password',

MYSQL_DATABASE: 'database'

},

}

其中，MYSQL_HOST为MySQL服务器地址，MYSQL_USER为登录用户名，MYSQL_PASSWORD为登录密码，MYSQL_DATABASE为数据库名称。

3. 连接数据库

在需要使用数据库的地方，可以使用以下代码连接到数据库：

import mysql from 'mysql2/promise'

const connection = await mysql.createConnection({

host: process.env.MYSQL_HOST,

user: process.env.MYSQL_USER,

password: process.env.MYSQL_PASSWORD,

database: process.env.MYSQL_DATABASE

})

// 使用connection进行数据库操作

4. 数据库操作

通过连接对象connection可以进行数据库操作，比如查询数据、插入数据、更新数据和删除数据等。例如，查询数据可以使用以下代码：

const [rows] = await connection.execute('SELECT * FROM table')

5. 关闭连接

在使用完数据库后，需要关闭连接。可以使用以下代码关闭连接：

connection.end()

总结：

本文介绍了如何在Nuxt.js中使用MySQL进行数据存储。通过安装依赖、配置连接、连接数据库、数据库操作和关闭连接等步骤，可以方便地实现数据的存储和查询。同时，需要注意保护数据库密码等敏感信息，避免造成安全问题。