Question

其源码在 src/service/index.ts 文件中，代码如下：

// src/service/index.ts
import { provide } from '@midwayjs/faas'
import { IApiService } from '../interface'
import mock from '../mock'
@provide('ApiService')
export class ApiService implements IApiService {
  async index (): Promise<any> {
  return await Promise.resolve(mock)
  }
}

这段代码实现了一个 ApiService 类以及 index 方法，该方法会返回首页的文章列表。数据结构如下：

{
  "data":[
  {
    "id":"3f8a198c-60a2-11eb-8932-9b95cd7afc2d",
    "title":"开篇词：Serverless 大热，程序员面临的新机遇与挑战",
    "content":"可能你会认为 Serverless 是最近两年兴起的技术......",
    "date":"2020-12-23"
  },
  {
    "id":"5158b100-5fee-11eb-9afa-9b5f85523067",
    "title":"基础入门：编写你的第一个 Serverless 应用",
    "content":"学习一门新技术，除了了解其基础概念，更重要的是把理论转化为实践...",
    "date":"2020-12-29"
  }
  ]
}

在进行服务端渲染时，你可以通过 ctx 获取到 ApiService 实例，进而调用其中的方法，获取文章列表数据。此外，ApiService 也会被 src/api.ts 调用，src/api.ts 则直接对外提供了 HTTP 接口。