Django解析跨域问题

跨域问题解决

CORS(跨域资源共享,Cross-Origin Resource Sharing)是一种跨域访问的机制,可让Ajax实现跨域访问。

其实,在服务器的response header中,加入"Access-Control-Allow-Origin: *"便可支持CORS,很是的简单,apache/nginx等怎么配置,见参考文档。

在Django中,有人开发了CORS-header的middleware只需在settings.py中做一些简单的配置即可,其他不用作任何修改,我们也不用自己手动的创建中间件对response处理了,直接用以下配置即可, 现在用起来服务器端完全开放,开启CORS,没有任何跨域烦恼

1,安装django-cors-headers库

pip install django-cors-headers -i https://pypi.tuna.tsinghua.edu.cn/simple

2,添加到应用程序中

INSTALLED_APPS = [

... ,

"corsheaders" ,

... ,

]

3,在中间件中加监听响应

CorsMiddleware 需要放在第一位,不放在第一位,可能会造成某些请求没有添加CORS。

MIDDLEWARE = [

"corsheaders.middleware.CorsMiddleware" ,

... ,

]

4,设置访问白名单

CORS_ORIGIN_ALLOW_ALL为True, 指定所有域名(ip)都可以访问后端接口, 默认为False

CORS_ORIGIN_ALLOW_ALL = True

5,设置允许携带cookie

CORS_ALLOW_CREDENTIALS = True

6,设置默认允许请求头方法。

CORS_ALLOW_METHODS = [

'GET',

'POST',

'PUT',

'PATCH',

'DELETE',

]

最后我们在测试前面的vue调用实例:

测试OK。说明跨域请求配置没问题

相关推荐
代码老y10 分钟前
Spring Boot + 本地部署大模型实现:安全性与可靠性保障
spring boot·后端·bootstrap
LaoZhangAI12 分钟前
OpenAI API 账号分层完全指南:2025年最新Tier系统、速率限制与升级攻略
前端·后端
红衣信18 分钟前
前端与后端存储全解析:从 Cookie 到缓存策略
前端·后端·面试
Kyrie_Li19 分钟前
(十五)Spring Test
java·后端·spring
WildBlue21 分钟前
🎉 手写call的魔法冒险:前端开发者的“换身份”指南🚀
前端·后端
fortmin33 分钟前
使用Apache Pdfbox生成pdf
后端
weixin_437398211 小时前
转Go学习笔记
linux·服务器·开发语言·后端·架构·golang
风逸hhh1 小时前
python打卡day58@浙大疏锦行
开发语言·python
程序员爱钓鱼1 小时前
Go语言中的反射机制 — 元编程技巧与注意事项
前端·后端·go
烛阴2 小时前
一文搞懂 Python 闭包:让你的代码瞬间“高级”起来!
前端·python