django2.1.4版本设置跨域问题

最新推荐文章于 2023-09-26 10:01:43 发布
最新推荐文章于 2023-09-26 10:01:43 发布
阅读量317 收藏
点赞数
分类专栏： Python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_47213847/article/details/108931295
版权

django2.1.4版本设置跨域问题
直接
pip install django-cors-headers
django会升级为django3版本，会导致原先的djang2项目出现各种幺蛾子，坑了我一下午时间
所以要安装
pip install django-cors-headers==2.4.0
setting.py 中配置
INSTALLED_APPS = [
‘corsheaders’,
]
MIDDLEWARE = [
…
‘corsheaders.middleware.CorsMiddleware’,
‘django.middleware.common.CommonMiddleware’,
…
]
设置跨域的基本参数
CORS_ORIGIN_ALLOW_ALL ：默认是False, 如果为 True， 则允许所有网站跨域
CORS_ORIGIN_WHITELIST ： 设置允许跨域的网站，添加白名单，如果CORS_ORIGIN_ALLOW_ALL 设置为 True,白名单则失效
CORS_ALLOW_METHODS : 跨站资源共享允许那些请求方式，默认是允许所有的请求方式
跨域增加忽略（根据需求自行配置）

CORS_ALLOW_CREDENTIALS = True
CORS_ORIGIN_ALLOW_ALL = True
CORS_ORIGIN_WHITELIST = (
‘http://127.0.0.1:8080’,
)

CORS_ALLOW_METHODS = (
‘DELETE’,
‘GET’,
‘OPTIONS’,
‘PATCH’,
‘POST’,
‘PUT’,
‘VIEW’,
)

CORS_ALLOW_HEADERS = (
‘XMLHttpRequest’,
‘X_FILENAME’,
‘accept-encoding’,
‘authorization’,
‘content-type’,
‘dnt’,
‘origin’,
‘user-agent’,
‘x-csrftoken’,
‘x-requested-with’,
‘Pragma’,
‘Cookie’,
)

郭杠
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【Django】解决跨域问题
jie6666的博客
03-24 1072
项目场景： 【Django】解决跨域问题 前端与后端分别是不同的端口，这就涉及到跨域访问数据的问题，因为浏览器的同源策略，默认是不支持两个不同域名间相互访问数据，而我们需要在两个域名间相互传递数据，这时我们就要为后端添加跨域访问的支持。 问题描述 前后端分别部署，需要解决跨域问题 解决方案： 1.首先: pip install django-cors-headers 在setting.py中： INSTALLED_APPS = ( ... 'corsheaders', ... )
【Django】Django解决跨域问题
weixin_37008947的博客
12-17 427
采用django-cors-headers包去解决 文档 https://pypi.org/project/django-cors-headers/ https://github.com/adamchainz/django-cors-headers 安装包：pip install django-cors-headers 修改settings.py文件 INSTALL_APPS中添加corsheaders”INSTALLED_APPS = [ ... 'corsheaders'，
django解决前端跨域问题
YangYuanhua1988的博客
03-28 1677
Request header field content-type is not allowed by Access-Control-Allow-Headers in preflight response.
CORS跨域与前后端联调思路
God_Hearing的博客
09-28 315
CORS跨域 #允许所有源来跨域 CORS_ORIGIN_ALLOW_ALL =True #或者设置跨域请求白名单 # CORS_ORIGIN_WHITELIST = ( # 'http://127.0.0.1:8080', # 'http://localhost:8080', # ) #允许携带cookie CORS_ALLOW_CREDENTALS = True 前后端联调思路 写完视图函数，使用postman进行接口测试，保证后端接口没有问题 在vue中写页面，向后端发送
python Django框架 跨域请求问题
qq_38723814的博客
11-12 145
在 项目setting文件 #设置可跨域范围 CORS_ALLOW_CREDENTIALS = True CORS_ORIGIN_ALLOW_ALL = True #定义跨域中间件 'corsheaders.middleware.CorsMiddleware',
django基于cors解决跨域请求问题详解
09-18
主要介绍了django基于cors解决跨域请求问题详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
详解Django解决ajax跨域访问问题
01-21
这篇文章主要给大家介绍了关于Django跨域请求问题解决的相关资料，文中介绍的实现方法包括：使用django-cors-headers全局控制、使用JsonP，只能用于Get方法以及在views.py里设置响应头，只能控制单个接口，需要的...
Django通过设置CORS解决跨域问题
01-19
一、Ajax 跨域请求 Ajax 请求一个目标地址为非本域（协议、主机、端口任意一个不同）的 web 资源。 前端 ...后端 ... Ajax 跨域请求保护的作用：防止跨站的...三、Django 解决跨域问题 Django 框架中通过 django-cors-head
浅谈django rest jwt vue 跨域问题
12-25
django rest framework 使用 router 注册url时，访问接口 包302错误 可能是因为请求url 写法有问题， 如请求 /api/login/ 报302 ，需要去掉后面的反斜杠，正确写法 /api/login 请求跨域： 跨域： 简单来说就是 A ...
k8s下使用Ingress开启跨域(CORS)
热门推荐
小小郭
06-30 2万+
在Ingress中，跨域(CORS)的配置如下： nginx.ingress.kubernetes.io/cors-allow-headers: >- DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorizatio...
Spring Boot 如何配置 CORS 支持
最新发布
stormjun的博客
09-26 1536
CORS是一种网络安全机制，用于控制跨源HTTP请求的访问权限。在默认情况下，浏览器会禁止跨源请求，以防止潜在的安全风险。CORS通过在HTTP响应头中添加特定的标头来启用跨域请求，这些标头指示浏览器允许请求来自不同源的资源。通过配置CORS支持，您可以明确指定哪些源可以访问您的应用程序的资源。通过简单的配置，Spring Boot使CORS支持变得容易。通过明确指定允许的来源、方法和标头，您可以确保您的应用程序能够安全地与其他域的资源进行交互。
django rest framework vue 实现用户登录详解
marraybug的博客
06-09 1118
后端代码就不介绍了，可以参考 django rest framework 实现用户登录认证 这里介绍一下前端代码，和前后端的联调过程 在components下新建login.vue 文件 ​ <template> <div class="login"> <el-form label-width="80px"> <el-form-item label="用户名"> <el-input v-...
CORS跨域资源共享问题及解决方法
NQ31
11-19 1446
一、同源策略 同源策略：是浏览器最核心最基本的安全功能，即请求的url地址必须跟浏览器上的url地址处于同域上(域名、端口、协议都相同) 二、CORS(跨域资源共享)简介 CORS需要浏览器和服务器同时支持。目前，所有浏览器都支持该功能，IE浏览器不能低于IE10。 整个CORS通信过程，都是浏览器自动完成，不需要用户参与。对于开发者来说，CORS通信与同源的AJAX通信没有差别，代码...
Django后端+vue前端vue.config.js解决跨域问题
qq_52372698的博客
04-28 326
前端占用运行端口8080，后端Django代码的运行端口为8000，咱们都知道域名协议端口三者，只要其中一个不满足同源策略就算跨域。 报错信息如下： 后端Django配置如下： 首先找到配置文件settings 然后在settings里配置如下 在INSTALLED_APPS中加入如下代码 ... 'corsheaders', ... 在MIDDLEWARE中加入如下代码 ... 'corsheaders.middleware.CorsMiddleware', 'django.m
cors跨域
无痕的博客
02-02 75
cors跨域以及多种方式解决跨域问题
django-cors-headers配置项详解
zbx2010的专栏
07-21 1万+
django-cors-headers处理跨域请求，一个为响应添加跨源资源共享(CORS)头的Django应用。这允许从其他源向Django应用程序发出浏览器内请求。 来源github: django-cors-headers 安装 pip install django-cors-headers 配置settings.py INSTALLED_APPS = [ ... 'corsheaders', ... ] MIDDLEWARE = [ 'corsheaders.mi
【Django】后端CORS配置方法 前端fetch出错 无法获取数据
Hull Qin
06-07 4313
问题描述 开发前后端分离项目，并且前后端服务器需要跨域来交互，直接用fetch会出问题，提示让使用mode: 'no-corss'，但是使用该mode后，虽然不再报错，但是后端Django无法获取数据。 配置方法 前端fetch使用mode: 'cors' 后端Django，安装django-cors-headers 在settings.py中设置： INSTALLED_APPS = [ 'corsheaders', ] MIDDLEWARE = [ 'corsheaders.middle
Django解决跨域问题
weixin_45505952的博客
08-10 92
方式一Django支持跨域 安装django-cors-headers pip install django-cors-headers 配置settings.py文件 INSTALLED_APPS = [ ‘corsheaders’， ] #跨域增加忽略 CORS_ALLOW_CREDENTIALS = True CORS_ORIGIN_ALLOW_ALL = True #跨域允许的请求方式(可选...
最新django-cors-headers配置项简述
mydirector的专栏
02-12 979
配置 根据2022-2-12的readme.rst文档书写 在Django设置中配置中间件的行为。必须设置以下三种设置中的至少一种： CORS_ALLOWED_ORIGINS CORS_ALLOWED_ORIGIN_REGEXE CORS_ALLOW_ALL_ORIGINS CORS_ALLOWED_ORIGINS: Sequence[str] 允许的来源，默认为[] CORS_ALLOWED_ORIGINS = [ "https://example.com", "https://sub
Django中解决Vue跨域问题，具体怎么做
06-10
在Django中解决Vue跨域问题，可以通过以下步骤： 1. 安装Django CORS中间件 可以使用pip命令安装Django CORS中间件： ``` pip install django-cors-headers ``` 2. 添加中间件到Django项目设置 在Django项目的settings.py文件中添加以下代码： ```python INSTALLED_APPS = [ # ... 'corsheaders', # ... ] MIDDLEWARE = [ # ... 'corsheaders.middleware.CorsMiddleware', 'django.middleware.common.CommonMiddleware', # ... ] CORS_ORIGIN_ALLOW_ALL = True ``` 这里将`corsheaders`添加到`INSTALLED_APPS`和`MIDDLEWARE`中，并设置`CORS_ORIGIN_ALLOW_ALL`为`True`来允许所有来源的跨域请求。如果你只想允许特定的来源，可以设置`CORS_ORIGIN_WHITELIST`来指定白名单。 3. 配置响应头 在Django视图函数中，可以设置响应头来允许跨域请求。例如： ```python from django.http import HttpResponse def my_view(request): response = HttpResponse('Hello, World!') response['Access-Control-Allow-Origin'] = '*' # 允许所有来源的跨域请求 return response ``` 这里使用`HttpResponse`创建响应对象，并设置`Access-Control-Allow-Origin`响应头来允许跨域请求。如果你只想允许特定的来源，可以将`'*'`替换成相应的URL。 通过以上步骤，就可以在Django中解决Vue跨域问题了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值