基于SqlSugar的开发框架循序渐进介绍（10）-- 利用axios组件的封装，实现对后端API数据的访问和基类的统一封装处理

        /// <summary>
        ///登录授权处理/// </summary>
        /// <returns></returns>
[AllowAnonymous]

        [HttpPost]

        [Route("authenticate")]public async Task<AuthenticateResultDto> Authenticate(LoginDto dto)

    /// <summary>
    ///授权结果对象/// </summary>
    public classAuthenticateResultDto

    {/// <summary>
        ///令牌信息/// </summary>
        public string? AccessToken { get; set; }/// <summary>
        ///失效秒数/// </summary>
        public int Expires { get; set; }/// <summary>
        ///处理是否成功/// </summary>
        public bool Succes { get; set; }/// <summary>
        ///错误信息/// </summary>
        public string? Error { get; set; }

    }

//控制器添加自定义过滤器
builder.Services.AddControllers(options=>{

    options.Filters.Add<WrapResultFilter>(); //统一结果封装处理
    options.Filters.Add<GlobalExceptionFilter>();//自定义异常处理
});//所有控制器启动身份验证
builder.Services.AddMvc(options =>{

    options.Filters.Add(new AuthorizeFilter());//所有MVC服务默认添加授权标签
});

        /// <summary>
        ///获取所有记录/// </summary>
[HttpGet]

        [Route("all")]

        [HttpGet]public virtual async Task<ListResultDto<TEntity>> GetAllAsync()

  get<T = any>(

    config: AxiosRequestConfig,

    options?: RequestOptions

  ): Promise<T>{return this.request({ ...config, method: "GET"}, options);

  }



  post<T = any>(

    config: AxiosRequestConfig,

    options?: RequestOptions

  ): Promise<T>{return this.request({ ...config, method: "POST"}, options);

  }



  put<T = any>(

    config: AxiosRequestConfig,

    options?: RequestOptions

  ): Promise<T>{return this.request({ ...config, method: "PUT"}, options);

  }delete<T = any>(

    config: AxiosRequestConfig,

    options?: RequestOptions

  ): Promise<T>{return this.request({ ...config, method: "DELETE"}, options);

  }

  /**

   * @description: 请求拦截器处理*/requestInterceptors: (config, options)=>{//请求之前处理config
    const tokenString =getToken();//console.log(tokenString);
    if(tokenString) {

      const data=JSON.parse(tokenString) as AuthenticateDto;

      const now= newDate().getTime();

      const expired= parseInt(data.expires) - now <= 0;//console.log(data, now, expired);
      if(expired) {//token过期刷新
}



      const token=data.accessToken;if(

        token&&(config as Recordable)?.requestOptions?.withToken !== false) {//jwt token
        (config as Recordable).headers.Authorization =options.authenticationScheme?`${options.authenticationScheme} ${token}`

            : token;

      }

    }returnconfig;

  },

//导入API基类对象,默认具有Get/GetAll/Create/Update/Delete/BatchDelete/SaveImport/Count等接口
import BaseApi from "./base-api";//业务类自定义接口实现, 通用的接口已经在BaseApi中定义
class Api extends BaseApi {//参考下面案例，增加自定义函数
  //GET 方法例子
  //根据条件计算记录数量
  //async GetCount(params: object) {
  //return await this.HttpGet<number>(this.baseurl + "count", params);
  //}
  //POST 方法例子
  //创建对象
  //async Create(data: object) {
  //return await this.HttpPost<boolean>(this.baseurl + `create`, data);
  //}
  //PUT 方法例子
  //更新对象
  //async Update(data: object) {
  //return await this.HttpPut<boolean>(this.baseurl + `update`, data);
  //}
  //DELETE 方法例子
  //删除指定ID的对象
  //async Delete(id: number | string) {
  //return await this.HttpDelete<boolean>(this.baseurl + `${id}`);
  //}
}//构造客户信息 Api实例，并传递业务类接口地址
export default new Api("/api/customer/");

  //根据字典类型获取对应的TreeNodeItem集合(包括id, label属性）
async GetTreeItemByDictType(dictTypeName: string) {return await this.HttpGet<TreeNodeItem[]>(this.baseurl + `treeitem-by-typename/${dictTypeName}`
);

  }

//树节点类型
export interface TreeNodeItem {

  id: string;

  label: string;

  key?: string;

  children?: TreeNodeItem[];

}

import {

  PagedResult,

  ListResult,

  TreeNodeItem,

  CListItem,

  CommonResult

} from"./types";

//使用字典类型，从服务器请求数据
await dictdata.GetTreeItemByDictType(typeName).then(list =>{
  if(list) {

    list.forEach(item=>{
dictItems.value.push({ id: item.id, label: item.label });

    });

  }

});