首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >与现有的速成API一起使用新的NuxtJS应用程序

与现有的速成API一起使用新的NuxtJS应用程序
EN

Stack Overflow用户
提问于 2018-12-18 07:05:54
回答 1查看 566关注 0票数 0

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

问题是,如何将Vue/NuxtJS应用程序/ SSR与我的速成API集成?

我看到并试图跟随this similar question,但我似乎无法使它发挥作用。express正在启动,但我找不到什么路径,以及如何访问Vue/NuxtJS应用程序。

有类似情况的吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-01-04 10:08:40

此解决方案在我的案例场景中有效,可能需要进行调整才能使其对您有效。

首先,您需要创建中间件函数,您可以遵循the 2nd answer on this thread.

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

代码语言:javascript
运行
复制
vuejs-app/
    | --- api/ <-- ( my express server folder )
    | --- assets/
    | --- ...

然后,我在我的nuxt.config.js上添加了这一行:

代码语言:javascript
运行
复制
rootDir: __dirname,

因为我的nuxtjs.config是以外的我的api文件夹。

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

(注释:您的快递服务器中的NuxtJS版本应该等于您的vuejs应用程序的版本)这一点很重要,因为应用程序无法正确编译。

然后添加nuxtjs中间件作为表示中间件。

代码语言:javascript
运行
复制
import nuxtjs-middleware from "/path/to/your/nuxts-middleware"
app.use(nuxtjs-middleware);

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

附加说明:

  1. 您还可能需要调整api端点(或应用程序使用端点)。
  2. 这在我的场景中是可行的,您可能需要根据您的场景进行处理。
  3. 我不是节点/快递/nuxtjs专家,我只是通过尝试和错误的方法解决了这个问题。也许有一种更好的方法,但在撰写本文时,这种方法解决了我的问题。
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53827892

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档