DRF对接React-Admin时POST请求返回405 Method Not Allowed如何解决

问题核心原因 #

你遇到的405错误根源是前后端路由约定不匹配：React-Admin默认遵循REST规范，创建资源的POST请求会发送到对应资源的根路径（即http://127.0.0.1:8000/api/trackers/），但你当前后端仅将支持POST操作的CreateTracker视图绑定到了/api/trackers/create/路径，请求路径不匹配时后端没有对应视图处理POST请求，就会返回405状态码。

解决方案 #

方案1：调整后端路由适配REST规范（优先推荐） #

你使用的generics.ListCreateAPIView本身就同时兼容两类请求：

• GET请求：返回所有Tracker资源的列表
• POST请求：创建新的Tracker资源
  完全符合REST风格对资源根路径的功能定义，不需要额外加create后缀，直接修改路由配置即可：

path('trackers/', CreateTracker.as_view(), name="tracker_list")

修改后React-Admin发送到/api/trackers/的POST请求会被正确匹配到视图处理，正常返回201状态码，同时你还可以复用这个接口实现Tracker列表的查询功能，无需额外开发视图。

方案2：自定义React-Admin请求路径（仅用于必须保留create后缀的特殊场景） #

如果你的业务规则必须保留/trackers/create/的路由规则，可以修改React-Admin的dataProvider，重写create方法的路径拼接逻辑，示例如下（以ra-data-json-server为基础的dataProvider为例）：

import jsonServerProvider from 'ra-data-json-server';
import { fetchUtils } from 'react-admin';

const httpClient = fetchUtils.fetchJson;
const baseApiUrl = 'http://127.0.0.1:8000/api';
const baseDataProvider = jsonServerProvider(baseApiUrl);

const customDataProvider = {
  ...baseDataProvider,
  create: (resource, params) => {
    // 单独处理tracker资源的创建路径
    if (resource === 'trackers') {
      return httpClient(`${baseApiUrl}/${resource}/create/`, {
        method: 'POST',
        body: JSON.stringify(params.data),
      }).then(({ json }) => ({
        data: { ...params.data, id: json.id },
      }));
    }
    // 其他资源走默认请求逻辑
    return baseDataProvider.create(resource, params);
  },
};

该方案需要对每个有特殊路径要求的资源单独做适配，维护成本较高，非必要不推荐使用。

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