前端api接口的简洁写法

我接触到的是两种写法，但是展现出来的效果都是相同的

• 第一种展现方式

import request from "../http"
export function getList(){
    return request({
        url:"/api/lists",
        method:"get",
    })
}

• 第二种展现方式

  import request from "../http"
  import api '@/config/api'
  
  //初审 搜索人员
  export const getFirstPersonList = (data) => request({
      url: api.getList+ '/api/lists',
      method: 'get',
      params: data
  })

  你们的前端api都是怎么展示的呢，评论展示一下，我想借鉴学习