结合使用新的NuxtJS应用和现有Express API

Question

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

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

我看到并尝试遵循this similar question，但似乎无法使其正常工作。 express API正在启动，但是我找不到什么路径以及如何访问Vue / NuxtJS应用。

遇到类似情况的人吗？

Answer 1

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

首先，您需要创建中间件功能，可以遵循the 2nd answer on this thread.

我的文件夹结构如下：

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

然后我在nuxt.config.js上添加以下行：

rootDir: __dirname,

因为我的nuxtjs.config位于我的api文件夹外部。

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

（注意：Express服务器中的NuxtJS版本应与vuejs应用程序的版本相同）这很重要，因为该应用程序无法正确编译。

然后将您的nuxtjs中间件添加为快速中间件。

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

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

附加说明：

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