proxy - 创建 React App v2 高级代理功能不起作用

Question

我正在尝试 Create React Apps 代理的高级设置，因为我需要代理一些 API 端点以避免 CORS 问题。

我的 Src 文件夹中有 setupProxy.js，它是从 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=381210&key=60CC7208B3EA2ABFA86557BBB788C2B8&steamid=${steamId}`
    );
    const data = await response.json();
    setDbdStats(await data);
  };

当我点击时，我没有收到任何数据，网络面板显示 localhost:3000/steam/.....

本节中关于 CRA 的文档不是很好，而且我发现的所有 Stack Overflow 问题都是针对版本 1 而不是 2。

PS 一旦这个工作正常，我将更改该 API 密钥。