如何在Fly.io上添加对Nuxt应用程序的服务器端数据库访问

Question

我正试着从Fly.io开始。我很了解Vue，想试试Nuxt和Node.js。我似乎不知道如何添加服务器端组件和类来处理AJAX请求。

我遵循了官方教程https://fly.io/docs/languages-and-frameworks/nuxtjs/

npm init nuxt-app@latest spec-land

create-nuxt-app v5.0.0
✨  Generating Nuxt.js project in spec-land
? Project name: spec-land
? Programming language: JavaScript
? Package manager: Npm
? UI framework: Element
? Template engine: HTML
? Nuxt.js modules: Axios - Promise based HTTP client
? Linting tools: (Press <space> to select, <a> to toggle all, <i> to invert selection)
? Testing framework: None
? Rendering mode: Single Page App
? Deployment target: Server (Node.js hosting)
? Development tools: jsconfig.json (Recommended for VS Code if you're not using typescript)
? What is your GitHub username? --
? Version control system: Git

  Successfully created project spec-land

$ touch pages/index.js
$ npm run dev

在添加了一些前端代码之后，这个生成的项目是否能够在相同的JavaScript部署中在服务器上运行fly.io？

Answer 1

对于Nuxt2应用程序，您需要在nuxt.config.js文件中使用Rendering Mode作为Universal (SSR/SSG)或ssr: true，否则，您将没有同构的应用程序。

Nuxt将在服务器端+客户端(同构)上运行一些代码，而有些代码将仅在客户端运行。

serverMiddleware用于Nuxt2的设置是如下所示。很棘手，工作也不太好。

Nuxt3在对侧上处理得很好。

总的来说，Nuxt2确实有一些关于服务器端代码的功能，但不像Nuxt3那样灵活。Tbh，如果您想使用Nuxt2，我建议您不要尝试设置与其链接的实际数据库，而是通过axios或类似的方式远程访问它。