将新的 NuxtJS 应用程序与现有的 Express API

Question

情况是，我有一个现有的 Express API。然后我的团队成员有他的由 NuxtJS 提供支持的 VueJS 应用程序。我们分别构建了它们，API 和应用程序。

问题是，如何将 Vue/NuxtJS 应用程序与我的快递 API 集成/SSR？

我看到并试图关注 ，但我似乎无法让它发挥作用。快递 API 正在启动，但我找不到什么路径以及如何访问 Vue/NuxtJS 应用程序。

谁有类似情况？

Answer 1

此解决方案适用于我的情况，可能需要进行调整才能使其适用于您。

首先是需要创建中间件函数，可以按照

我的文件夹结构如下所示：

vuejs-app/
    | --- api/ <-- ( my express server folder )
    | --- assets/
    | --- ...

然后我在 nuxt.config.js 上添加了这一行：

rootDir: __dirname,

因为我的 nuxtjs.config 在 我的 api 文件夹之外。

然后在您的快速服务器中，安装 NuxtJS。

(注意：您的 Express 服务器中的 NuxtJS 版本应该等于您的 vuejs 应用程序的版本) 这很重要，因为该应用程序将无法正确编译。

然后添加你的 nuxtjs 中间件作为你的 express 中间件。

import nuxtjs-middleware from "/path/to/your/nuxts-middleware"
app.use(nuxtjs-middleware);

之后启动您的 express api 服务器。

补充说明：

1. 您可能还需要调整您的 api 端点（或您的应用程序以使用您的端点）。
2. 这适用于我的场景，您可能需要根据您的场景进行处理。
3. 我不是 node/express/nuxtjs 专家，我只是通过反复试验解决了这个问题。可能有更好的方法，但在撰写本文时，这种方法解决了我的问题。