本文介绍用最简单的方式在React中设置代理访问后端数据。
我们先假定我们的后端运行在如下地址:https:\\\\localhost:5001
在我们的前端工程中,我们想通过如下的方式来访问API:
axios.get(`/api/WeatherForecast`)
.then(res => {
console.log(res.data);
setData(res.data);
setLoading(false);
}
).catch((error) => {
// handle error
console.log(error);
});
接下来我们要通过代理设置达到以上的目标:
在package.json中,我们需要添加如下的内容行:
“proxy”: “https://localhost:5001",
完成以上设置以后,我们重启前段工程就可以访问后端的数据了。
如有问题,请留言,我们下文中再见。
閱讀更多 丁哥開講 的文章