Блог

Главная - Вопросы по программированию - Создать Приложение React v2 Расширенная Функция Прокси-Сервера Не работает

Создать Приложение React v2 Расширенная Функция Прокси-Сервера Не работает

#proxy #create-react-app

Вопрос:

Я пытаюсь выполнить расширенную настройку прокси-сервера Create React Apps, потому что мне нужно будет прокси-сервер нескольких конечных точек API, чтобы избежать проблем с CORS.

У меня есть setupProxy.js в моей папке Src это копия, вставленная из CRA, изменившая мои ключи и URL-адрес

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

module.exports = function (app) {
  app.use(
    "/steam",
    createProxyMiddleware({
      target:
        "http://api.steampowered.com/ISteamUserStats/GetUserStatsForGame/v0002",
      changeOrigin: true,
    })
  );
};

Мой Компонент

 const fetchStats = async (steamId: string) => {
    const response = await fetch(
      `/steam/?appid=381210amp;key=60CC7208B3EA2ABFA86557BBB788C2B8amp;steamid=${steamId}`
    );
    const data = await response.json();
    setDbdStats(await data);
  };

Когда я нажимаю, я не получаю никаких данных обратно, на панели сети написано localhost:3000/steam/…..

Документы по CRA не очень хороши в этом разделе, и все вопросы о переполнении стека, которые я нахожу, относятся к версии 1, а не 2.

P.S. Я изменю этот ключ API, как только это заработает.

Метки: