用最簡單的方式在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中設置代理訪問後端數據

如有問題,請留言,我們下文中再見。


分享到:


相關文章: