ngo

restframework】django跨域问题解决PUT/PATCH/DELETE用ajax请求无法提交数据的问题

问题描述

我用restframework(ModelSerializerGenericApiView)开发了一组符合RestFul接口标准的接口这意味着它将支持客户端发来的GET、POST、PATCH、PUT、DELETE请求分别对某一资源进行获取、创建、部分修改、全部修改、删除操作。

XMLHttpRequest

于是我使了用第三方库django-cors-headers并在settings中做了一些配置。

此时GET、POST请求(简单请求)可以正常的提交与请求数据但是PUT请求提示net::ERR_CONNECTION_ABORTED浏览器返回NetworkError:

Failed

我很困惑并不清楚为什么跨域请求资源只允许提交GET/POST请求因为之前我已在后端做好了一系列配置。

这个问题困扰了我两天期间我尝试了各种方法包括自定义CORS中间件、重写ajax提交PUT请求的方式等都没有解决PUT无法提交的问题。

终于我找到了一个办法并且成功了。

Server2016

前端用POST请求替代PUT/DELETE并且在header中定义X-HTTP-Method-OverridePUT

后端引入python第三方库django-method-override它用于识别前端http请求header中的X-HTTP-Method-Override参数值并将它与相应的视图对应起来。

2.2

解决方法实行

django-method-override第二步重写项目配置文件settings.py

INSTALLED_APPS

[corsheaders.middleware.CorsMiddleware,#

...django.middleware.csrf.CsrfViewMiddleware,method_override.middleware.MethodOverrideMiddleware,

...

目前我只尝试了PUT请求PATCH和DELETE还未用此法进行测试。

如果有问题我将回来更新这篇文章希望能对大家解决此问题提供一些思路。