如何在Fly.io上为Nuxt应用添加服务端逻辑及数据库访问？

1. 同一Fly.io部署环境能否运行服务端JavaScript？ #

完全可以。你生成项目时选择了「Deployment target: Server (Node.js hosting)」，且Nuxt框架本身内置服务端运行能力——通过它的server目录就能编写服务端逻辑，这些代码会和Nuxt前端一起打包部署到Fly.io的Node.js实例中，无需额外拆分部署。

2. 如何添加服务端数据库访问功能？ #

按以下步骤操作即可：

步骤1：准备数据库 #

Fly.io官方支持PostgreSQL、MySQL等数据库，你可以直接创建Fly.io托管的数据库集群（比如执行fly postgres create命令），也可使用第三方数据库服务。获取数据库连接字符串后，通过fly secrets set DATABASE_URL="你的连接字符串"将其设为Fly.io环境变量；本地开发时，可在项目根目录创建.env文件，写入同样的变量。

步骤2：创建Nuxt服务端API路由 #

在项目根目录新建server/api文件夹，该目录下的.js文件会自动成为服务端API接口。比如创建server/api/data.js：

const { Pool } = require('pg')
// 使用环境变量中的数据库连接字符串初始化连接池
const pool = new Pool({ connectionString: process.env.DATABASE_URL })

export default async (req, res) => {
  try {
    // 执行数据库查询
    const result = await pool.query('SELECT * FROM your_table')
    // 返回JSON格式的查询结果
    res.status(200).json(result.rows)
  } catch (err) {
    res.status(500).json({ error: err.message })
  } finally {
    await pool.end()
  }
}

步骤3：安装数据库客户端依赖 #

以PostgreSQL为例，执行以下命令安装对应客户端包：

npm install pg

步骤4：前端调用服务端API #

因为你已经添加了Axios模块，前端可直接通过Axios调用上述API：

// 在Vue组件或页面中
async fetchData() {
  const data = await this.$axios.$get('/api/data')
  // 处理返回的数据
}

步骤5：部署验证 #

部署到Fly.io时，确保环境变量已正确设置，执行fly deploy即可。服务端API会和前端一起运行，自动处理数据库请求。

内容的提问来源于stack exchange，提问作者macu