Получение данных Nuxt из API, локальный путь?

Question

Я пытаюсь промокнуть ноги от Nuxt.

Я понимаю, что существуют разные сценарии извлечения данных: - Первый вызов: сервер выбирает данные из API, prerenders HTML / приложение, отправляет всю страницу - После этого: приложение на клиенте делает запросы к API напрямую, только выбирает json

Это автоматически обрабатывается nuxt.

Итак, я полагаю, что я должен предоставить свой API клиенту, верно? Я бы установил базовый путь Axios в Nuxt на что-то вроде "http://www.myproj.com/api"?

Если да, есть ли какой-нибудь способ, которым nuxt может получить доступ к API локально при предоставлении рендеринга на сервере контента (например, "http://localhost:3333") вместо?

Answer 1

Да, есть.При настройке axios в вашем nuxt.config.js вы можете установить baseURL и browserBaseURL.Nuxt будет использовать baseURL при предварительном рендеринге и browserBaseURL от клиента.

Вы можете увидеть это в документации здесь .

Если вы развертываете на vps, ваш API может работать на чем-то вроде http://localhost:3333 иустановите это как ваш baseURL.Для browserBaseURL, если вы используете https, вы бы хотели настроить апстрим для вашего API в nginx, чтобы ваш browserBaseURL был что-то вроде '/api'.