- 说明

- 配置

- 代码示例

  - Api示例
  - 新增页面示例

- 组件

- 前端
- 代码示例

haocheng Liu
2021-02-03

# Api示例

# # Api示例

提示

此处提供一个如何从后台调用接口的Api示例

注意

多个功能模块推荐创建多个api文件，方便代码维护

1. 进入 `src>api>api` 文件夹中，创建一个文件，这里我们以UserApi.ts为例，并写入类的基本信息

       class UserApi{

       }

       export default UserApi

   1
   2
   3
   4
   5

2. 引入封装好的 `axios` 并继承

       import BaseAxios from '@/common/http'

       class UserApi extends BaseAxios<any, any>{

       }

       export default UserApi

   1
   2
   3
   4
   5
   6
   7

3. 根据后台接口文档写入需要请求的方法，注意请求方法

       import BaseAxios from '@/common/http'

       class UserApi extends BaseAxios<any, any>{

           // 根据用户id获取角色id
           public getRoleByUserId(param: any): Promise<Base.AxiosResponse<any>> {
               return this.axios.get('/ftUser/getRoleByUserId', param)
           }

           // 给用户添加角色
           public addRole(param: any): Promise<Base.AxiosResponse<any>> {
               return this.axios.post('/ftUser/addRole', param)
           }
       }

       export default UserApi

   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11
   12
   13
   14
   15
   16

上次更新: 2021/02/03, 17:01:33
vue.config.js文件配置
新增页面示例

← vue.config.js文件配置 新增页面示例→

最近更新

  01
DataMap
02-05

  02
实体类
02-05

  03
update操作
02-05

更多文章>

Theme by Vdoing | Copyright © 2021-2023 Haocheng Liu | MIT License

- 跟随系统
- 浅色模式
- 深色模式
- 阅读模式