如何解决Axios从React应用程序中从本地服务器URL获取请求
我有一台具有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网址?
解决方法
orElse
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。