使用 Nuxt 构建简单后端接口及数据库数据请求

写在前面

本文主要为大家介绍，如何使用 Nuxt 框架实现一个简单的后端接口，并且从数据库中请求数据返回给前端。

实现

创建 serverMiddleware 文件夹

首先我们新建一个名字为 serverMiddleware 文件夹用来存储接口相关信息

目录结构如下：

在该文件夹下新建 api.js 写接口相关代码

api.js 接口相关代码

const mysql = require("mysql2");

export default function (req, res) {
  // 创建 MySQL 连接
  const connection = mysql.createConnection({
    connectionLimit: 10,
    host: "127.0.0.1", //服务器地址
    user: "root",
    password: "123456", //密码
    database: "jackson_blog_dev",
  });

  // 执行 MySQL 查询
  connection.query(
    "SELECT * FROM jacksonblogbacked",