Используйте новое приложение NuxtJS с существующим Express API

Question

Ситуация такова, что у меня есть экспресс-API.Затем у моего члена команды есть приложение VueJS на платформе NuxtJS.Мы создали их отдельно, API и приложение.

Вопрос в том, как я могу интегрировать / SSR приложение Vue / NuxtJS с моим Express API?

Я видел и пытался проследить этот похожий вопрос , но я не могу заставить его работать.Экспресс API запускается, но я не могу найти, какой путь и как я могу получить доступ к приложению Vue / NuxtJS.

Кто-нибудь с похожей ситуацией?

Answer 1

Это решение работает в моем случае, может потребоваться корректировка, чтобы оно работало для вас.

Сначала вам нужно создать функцию промежуточного программного обеспечения, вы можете следовать 2-й ответ в этой теме.

Моя структура папок выглядит следующим образом:

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

Затем я добавил эту строку в свой nuxt.config.js:

rootDir: __dirname,

потому что мой nuxtjs.config вне моей папки API.

Затем на вашем экспресс-сервере установите NuxtJS.

( Примечание: версия NuxtJS на вашем сервере Express должна совпадать с версией вашего приложения 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, я просто решил эту проблему методом проб и ошибок.Там может быть лучший подход, но на момент написания статьи этот подход решает мою проблему.