本文介紹用最簡單的方式在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",
完成以上設置以後,我們重啟前段工程就可以訪問後端的數據了。
如有問題,請留言,我們下文中再見。
閱讀更多 丁哥開講 的文章