eggjs 实现服务端请求教程文档-2

继续上一篇文章的学习，如果小伙伴们要回顾上一篇的内容，请点击这里 eggjs 实现服务端请求教程文档-1

三、用户详情接口开发(post 请求)

egg

有了 get 请求的示例，post 实现同理。

/app/router/detail.js

'use strict';

module.exports = app => {
   
  const {
    router, controller } = app;
  router.post('/api/getUserDetail', controller.home.userDetailController);
};

/app/controller/home.js

...
class HomeController extends Controller {
   
  async userListController() {
    ... }

  async userDetailController() {
   
    const {
    ctx } = this;
    ctx.body = {
   
      data: 'userDetail query success',
      success: true,
    };
  }
}
...

因为 post 请求无法通过 url 实现接口调用，所以我们首要目的是成功调用接口：

web

# 终端执行，使用命令行创建页面
alita g pages userDetail

/src/pages/userDetail/service.ts

import {
    request } from 'alita';

export async function queryUserDetail(params: any): Promise<any> {
   
  return request('/api/getUserDetail', {
    method: 'post', data: params });
}

/src/pages/userDetail/index.tsx

import React, {
    FC } from 'react';
import {
    useRequest } from 'alita';
import {