实现泛型HTTP接口的Axios服务时ESLint报错‘需使用this’

你的代码没有本质功能问题，它能正常实现HTTP GET请求并返回对应类型的数据，也完全符合IHttpService接口的契约。ESLint的报错只是代码风格层面的提示，不是功能错误。

报错原因 #

这个错误来自ESLint的class-methods-use-this规则，它的设计初衷是避免将不需要依赖类实例的方法塞进类中——你的get方法完全依赖外部的全局axios实例，没有使用类的任何属性或方法，本质上是一个独立函数，放到类里确实浪费了类的结构设计。

优化方案 #

根据你的实际需求，可以选择以下几种处理方式：

1. 调整为依赖实例级axios（推荐，适合后续扩展）

如果后续需要给这个HTTP服务添加实例级配置（比如自定义baseURL、拦截器、超时时间），可以把axios实例改成类的成员属性，让get方法依赖this，既符合ESLint规则，也更符合类的设计逻辑：

import axios from 'axios';

interface IHttpService {
  get<T>(url: string, config?: object): Promise<T>;
}

class AxiosHttpService implements IHttpService {
  private axiosInstance;

  constructor(config?: object) {
    // 可以在实例化时传入自定义配置
    this.axiosInstance = axios.create(config);
    // 后续可添加实例级拦截器
    // this.axiosInstance.interceptors.request.use(req => { ... });
  }

  async get<T>(url: string, config: object = {}): Promise<T> {
    const response = await this.axiosInstance.get(url, config);
    return response.data;
  }
}

export default AxiosHttpService;

2. 改用对象/独立函数封装（适合无扩展需求场景）

如果只是单纯封装axios的get方法，不需要类的实例化能力，直接用对象或独立函数更简洁：

import axios from 'axios';

interface IHttpService {
  get<T>(url: string, config?: object): Promise<T>;
}

const AxiosHttpService: IHttpService = {
  async get<T>(url: string, config: object = {}): Promise<T> {
    const response = await axios.get(url, config);
    return response.data;
  }
};

export default AxiosHttpService;

3. 临时禁用ESLint规则（不推荐，仅临时场景）

如果不想修改代码结构，可在方法上方添加注释禁用该规则：

// eslint-disable-next-line class-methods-use-this
async get<T>(url: string, config: object = {}): Promise<T> {
  const response = await axios.get(url, config);
  return response.data;
}

内容的提问来源于stack exchange，提问作者james