react，页面刷新后数据丢失的问题？

已写的代码：

 
let data = []
const res = axios.get('http://localhost:8080/area/city?level=1').then(res=>{
        data=res.data.body
  data.map((city)=>{
    if(city.pinyin.slice(0,1).toUpperCase()==item.title){
       item.items.push(city);
    }
      })

能看到获取到想要的数据：

但刷新页面后数据丢失了：

请问是什么原因？请问如何修改？

刷新后 重新请求 接口了吗？