Как настроить прокси для другого сервера API с помощью Nuxt? - PullRequest
Новая
       5

Как настроить прокси для другого сервера API с помощью Nuxt?

0 голосов
/ 31 марта 2020

Итак, у меня есть 2 приложения:

  1. сервер API Adonis, доступный через http://10.10.120.4:3333

  2. Приложение SSR с использованием Nuxt. js доступно через http://10.10.120.4:80

Приложение Nuxt. js доступно снаружи через url http://my-website.com. У меня есть модуль ax ios с этим конфигом 

axios: {
    baseURL: '0.0.0.0:3333/api',
    timeout: 5000
}

Теперь проблема в том, что когда я запрашиваю данные с asyncData , это работает, но когда запрос был сделан извне asyncData скажем, created() например, он выдает ошибку, говорящую, что URL http:0.0.0.0:3333 отсутствует, что верно, так как он уже запущен в браузере, а не на сервере.

Первое решение, которое я имею попытался изменить baseURL модуля ax ios на этот 

axios: {
    baseURL: 'http://my-website.com/api',
    timeout: 5000
}

Но, похоже, сервер nuxt не может его найти, поэтому я думаю, что решение состоит в том, чтобы сделать прокси и установить @nuxtjs/proxy.

А это мой прокси-конфиг в nuxt.config.js

{
  proxy: {
    '/api': 'http://my-website.com:3333',
  }
}

, а затем я просто изменил свой топор ios baseURL на 

http://my-website.com/api

Но опять-таки это не сработало.

Мой вопрос: как вы справляетесь с такого рода сценарием? Доступ к другому серверу из браузера?

...