Axios从React应用程序中从本地服务器URL获取请求

时间:2020-09-20 20:28:29

标签: reactjs express url get axios

我有一台具有API路由的Typescript Express服务器,该服务器还在域根目录上提供了Typescript React应用。 例如

  • https://myapp.test返回React Web App
  • https://myapp.test/api/message返回一些消息字符串

在React应用程序内部,我正在使用axios向API路由发送GET请求并获取消息:

function App() {
    const [data, setData] = useState("");
    useEffect( () => {
        ( async () => {
            const message = (await axios("http://localhost:8000/api/message")).data as string;
            setData(message);
        })();    
    }, []); 
  return (
      <div>Message is: {data}</div>
  );
}

我可以提供相对于当前URL的请求URL吗?例如,类似"/api/message"的东西。如果没有,我应该如何配置React,以便无论部署在哪里(例如Heroku),它都能可靠地知道API网址?

1 个答案:

答案 0 :(得分:0)

orElse