用最简单的方式在React中设置代理访问后端数据

本文介绍用最简单的方式在React中设置代理访问后端数据。

我们先假定我们的后端运行在如下地址:https:\\\\localhost:5001

在我们的前端工程中,我们想通过如下的方式来访问API:


用最简单的方式在React中设置代理访问后端数据

axios.get(`/api/WeatherForecast`)

.then(res => {

console.log(res.data);

setData(res.data);

setLoading(false);

}

).catch((error) => {

// handle error

console.log(error);

});

接下来我们要通过代理设置达到以上的目标:

在package.json中,我们需要添加如下的内容行:

用最简单的方式在React中设置代理访问后端数据

“proxy”: “https://localhost:5001",

完成以上设置以后,我们重启前段工程就可以访问后端的数据了。

用最简单的方式在React中设置代理访问后端数据

如有问题,请留言,我们下文中再见。


分享到:


相關文章: