首页数据展示前端页面

• 1、首页前端实现

• • 1.1、封装api请求，用户调用后端接口
• • 1.1.1、创建api文件夹，创建/api/hosp/hosp.js

• 1.1.2、创建/api/cmn/dict.js用于调取数据字典中的值

• 1.2、添加组件，用于页面显示

• 1.3、在index.vue页面中编写js代码，用于实现数据在页面的显示

[](()1、首页前端实现

=======================================================================

[](()1.1、封装api请求，用户调用后端接口

---

[](()1.1.1、创建api文件夹，创建/api/hosp/hosp.js

import request from ‘@/utils/request’

const api_name = api/hosp/hospital

export default({

//获取医院列表信息

getPageList(page,limit,serachObj){

return request({

url:${api_name}/findHospital/${page}/${limit},

method: ‘get’,

params: serachObj

})

},

<