【django】解决django跨域的问题(Hbuilder X)

目录

一、安装库django-cors-headers

二、配置settings的INSTALLED_APPS

三、配置settings的MIDDLEWARE

四、配置settings的CORS_ALLOWED_ORIGINS

五、测试


前言:使用django做后端,Hbuilder X 做前端开发时,使用内置浏览器正常,但是使用运行到Chrome时就报错Ensure CORS response header values are valid,原来是跨域问题

一、安装库django-cors-headers

复制代码
pip install django-cors-headers

二、配置settings的INSTALLED_APPS

添加下图

复制代码
INSTALLED_APPS = [  
    ...  
    'corsheaders',  
    ...  
]  

三、配置settings的MIDDLEWARE

添加

复制代码
MIDDLEWARE = [  
    ...  
    'corsheaders.middleware.CorsMiddleware',  
    ...  
]  

四、配置settings的CORS_ALLOWED_ORIGINS

复制代码
CORS_ALLOWED_ORIGINS = [  
    "http://localhost:8080",  # 替换为你的前端应用的URL  
    # 或者使用 '*' 来允许所有源(不推荐)  
    # '*'  
]

我是本地调试

注意:

  • 不要将CORS_ALLOWED_ORIGINS设置为'*',除非你真的想要允许所有源访问你的API。这样做会使你的API容易受到跨站请求伪造(CSRF)和其他类型的攻击。

五、测试

相关推荐
蓝博AI15 分钟前
基于卷积神经网络的眼疾识别系统,resnet50,efficentnet(pytorch框架,python代码)
pytorch·python·cnn
咖啡调调。1 小时前
简单视图函数
django
牧歌悠悠2 小时前
【Python 算法】动态规划
python·算法·动态规划
Doris Liu.4 小时前
如何检测代码注入(Part 2)
windows·python·安全·网络安全·网络攻击模型
逢生博客4 小时前
阿里 FunASR 开源中文语音识别大模型应用示例(准确率比faster-whisper高)
人工智能·python·语音识别·funasr
噔噔噔噔@4 小时前
软件测试对于整个行业的重要性及必要性
python·单元测试·压力测试
赵谨言4 小时前
基于Python的Django框架的个人博客管理系统
经验分享·python·毕业设计
草捏子4 小时前
从CPU原理看:为什么你的代码会让CPU"原地爆炸"?
后端·cpu
Guarding and trust4 小时前
python系统之综合案例:用python打造智能诗词生成助手
服务器·数据库·python
淮北4944 小时前
ros调试工具foxglove使用指南三:在3d空间写写画画(Panel->3D ->Scene entity)
python·学习·3d·机器人