代理错误：无法代理请求/从Localhost开始：3000到http：// localhost：5000

发布于 2025-01-20 13:18:09 字数 1081 浏览 4 评论 0原文

我正在研究一个简单的 react-flask应用，旨在从后端获取当前时间并将其显示在前端。

我有烧瓶后端，而前端的反应都同时奔跑。

后端在端口5000上的工作正常很好：

从前端发出的调用'/time'也无法获取当前时间，即使我在package.json.json：

  "proxy": "http://localhost:5000"

前端定义了我的代理：

function App() {
  const [currentTime, setCurrentTime] = useState(0);

  const getCurrentTime = async (API) => {
    const response = await fetch(API);
    const jsonData = await response.json();
    setCurrentTime(jsonData.time);
    console.log(jsonData);
  };

  useEffect(() => {
    // getCurrentTime('http://localhost:5000/time');
    getCurrentTime('/time');
  }, []);

我尝试了讨论的方法。但是他们似乎都不对我有用。

原文

I am working on a simple React-Flask App which aims to fetch the current time from the Back-end and display it on the Front-end.

I have the Flask Back-end and the React Front-end both running together at the same time.

The back-end is working perfectly fine on port 5000:

Back-end

Fetch call '/time' from the front-end is unable to fetch the current time even tho I have my proxy defined in the package.json:

  "proxy": "http://localhost:5000"

Front-end:

function App() {
  const [currentTime, setCurrentTime] = useState(0);

  const getCurrentTime = async (API) => {
    const response = await fetch(API);
    const jsonData = await response.json();
    setCurrentTime(jsonData.time);
    console.log(jsonData);
  };

  useEffect(() => {
    // getCurrentTime('http://localhost:5000/time');
    getCurrentTime('/time');
  }, []);

I have tried the methods discussed here. But none of them seems to work for me.

分享到QQ

分享到微博