统一接口请求

问题背景

笔者目前在一边工作一边学习vue3，现在刚刚完成了一个基于Vue3的经典后台管理系统的框架开发。在回顾代码加深印象的时候，发现有很多代码可以进行抽取简化，便写了这篇文章来记录自己的学习过程

解决思路

重写后台接口规范

/**针对页面的网络请求*/  
// 查询数据  
export function postPageListData(pageName: string, queryInfo: any) {  
    return hyRequest.post({  
        url: `/${pageName}/list`,  
             data: queryInfo  
        })  
    }  
// 删除数据  
export function deletePageById(pageName: string, id: number) {  
    return hyRequest.delete({  
        url: `/${pageName}/${id}`  
        })  
    }