Попытка получить доступ к внешнему API с помощью http-прокси-промежуточного программного обеспечения в React.js Приложение

#reactjs #http

#reactjs #http

Вопрос:

Я пытаюсь получить доступ к внешнему API с помощью http-прокси-промежуточного программного обеспечения.

Это мой setupProxy.js файл:

 const { createProxyMiddleware } = require("http-proxy-middleware");

module.exports = function (app) {
  app.use(
    "/api/palettes/random?format=json",
    createProxyMiddleware({
      target: "http://www.colourlovers.com",
      changeOrigin: true,
      secure: false
    })
  );
};
  

Вот мой запрос axios:

 const res = await axios.get("/api/palettes/random?format=json");
  

Когда я запускаю его локально, выполняется URL http://localhost:3000/api/palettes/random ?format= json, по-видимому, игнорируя промежуточное программное обеспечение.

Опять же, когда я размещаю файлы в AWS, выполняется запрос GEThttps://master.d35k32uc23ao8f.amplifyapp.com/api/palettes/random /, игнорируя промежуточное программное обеспечение.

Не совсем уверен, где я ошибаюсь, вы можете проверить репозиторий, если он полезен:https://github.com/ZachPinfold/swatchedio_v02

Запрос axios можно найти в: src/colors , setupProxy находится в src/setupProxy

Я бы просто добавил прокси в свой root .json, но у меня возникают проблемы во время развертывания.

Заранее признателен за любую помощь.