Django+axios 前后端分离 跨域 取不到cookie和session的问题

最新推荐文章于 2024-01-23 20:21:42 发布
最新推荐文章于 2024-01-23 20:21:42 发布
阅读量1.3k 收藏 3
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43915798/article/details/119708987
版权

问题背景 ：使用Django3.2开发后端，vue开发前端，前后端部署到不同的服务器上。后端配置django-cors-headers解决跨域问题后，发现无法正确使用session，前端无法在cookie中保存sessionid。

浏览器是Chrome

在前端设置：axios.defaults.withCredentials = true
后，仍然无效.

后来在开发者工具中，看到下面的警告，意思是想要设置cookie，需要把SameSite设置为None(Chrome浏览器默认是Lax)
在这里插入图片描述
设置方法是在Django项目的settings.py中添加
SESSION_COOKIE_SAMESITE = ‘None’
在这里插入图片描述
然后还是不行，错误信息变成了
在这里插入图片描述
意思是SameSite设置为None,必须添加Secure属性

接着在后端中进行配置
在这里插入图片描述

但还是不行
在这里插入图片描述
意思是如果设置了Secure，那么必须使用https进行通信，不可以使用http。

根本的解决方案：使用https进行通信，需要下载https证书

测试期的解决方案：使用火狐浏览器

cjh_hit
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Django跨域请求无法传递Cookie
willbkimps的博客
09-03 2337
问题 在使用 Django + Vue 进行前后端分离开发时，发现在跨域访问情况下，后台 HttpResponse 在使用 set_cookie 方法后，浏览器无法获取 Cookie。 解决方法 Django 端使用 django-cors-headers 解决跨域问题，修改 settings.py 文件。具体方案： Flask和Django中解决跨域请求问题 对 axios 进行设置，允许浏览...
django简单的前后端分离的数据传输实例 axios
11-20
前端使用的是vue，下面是axios的主要代码 methods: { search: function () { var params = { content1: this.content1 } this.$axios.post("http://127.0.0.1:8000/search/", params) .then((response)=> { console.log(response); this.response1=response.data['content1'] }) .catch(f
解决axios跨域访问导致的session ID不一致问题
qq_51508932的博客
01-23 543
记录贴。
DJango碰到samesite无法登录Chrom(解决DJango无法获取Chrom的cookie问题)
weixin_42681866的博客
03-11 5550
文章目录前文排查总结 前文   最近碰到DJango登录系统出现问题，而这问题实在是难以定位，网上搜了大量的资料皆找不到解决方法，后面借助google才逐渐解决了问题，特此记录下。问题是：极小部分同事用chrom无法登录上系统，而大部分同事(包括我)却又能正常登陆，然后让不能登录的同事换个浏览器后就恢复正常了。而这种偶发+偏偏存在的问题最是让人苦恼，这种我就完全没办法调试…所幸后面还是发现并解决了...
Django框架 COOKIE和SESSION
weixin_46131409的博客
06-20 96
需要1种手段让Server端可以分辨不同请求的状态 HTTP协议是无状态的,无法实现这一要求 故额外引入COOKIE,就是一组组键值对,包含所有个人信息 是文件,储存在Client端的磁盘上
解决跨域问题
xzh_blog
11-07 1143
import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.web.cors.CorsConfiguration; import org.springframework.web....
前端跨域无法保存和传递sessionid，无法保持登录状态解决方式
cf
06-24 2897
说明： 跨域涉及到Netscape 公司提出的一个著名的安全策略——同源策略，所有支持 JavaScript 的浏览器都会使用这个策略。所谓同源是指，域名，协议，端口相同。当页面在执行一个脚本时会检查访问的资源是否同源，如果非同源，那么在请求数据时，浏览器会在控制台中报一个异常，提示拒绝访问。 同源策略一般又分为以下两种： DOM同源策略：禁止对不同源页面DOM进行操作。这里主要场景是if...
.netcore webapi 跨域请求 SessionId不一致问题
xuefuruanjian的博客
06-01 1771
环境为.netcore 3.1 .netcore webapi 一般涉及到跨域和Session问题，要使用就得先配置，首先得配置跨域和开启Session。 在Startup中的ConfigureServices里增加： services.AddSession(); services.AddCors(options => { options.AddPolicy("cors", builder => { //AllowAnyOrigin已禁止使用了 .
跨域session无法获取到（两次session的id不同）导致后台session一直为null
zhaoweihao的博客
04-03 2941
解决： 1、参考：cros跨域session前后端相关配置 照着把Access-Control-Allow-Origin改成request.getHeader(“Origin”)后还是不行，后台session还是为空；然后我再在js全局加上了那个允许跨域的设置，另外将浏览器服务器设置为同源异端()，发现后台可以接收到session了；不过返回不了值回前台。 2、参考：session后端相关配置问题...
毕设随想 就是跨域问题和request.POST 拿不到值的问题。关于update_or_create
日上フブキのブログ
04-22 349
写在前面： 听说要开学了，真的还有有些激动呢。在家苟了20天，最近开始发奋写毕设了。还要给别人代写毕设，好在技术差不多，内容也差不多。关键还有避免重复，考虑给别人的用django， 给自己用flask， 但是想想flask要用狗日的sql语句，果断放弃。 代毕已经写完大部分接口，自己用postman测试也完全没啥子问题，可是今天写自己的毕设，用vue axios发送post请求出现了403错误...
meiduo:Django + Vue 前后端分离商城项目，采用Docker双容器部署nginx + uwsgi
07-24
开发模式：Django + Vue 前后端分离 涉及技术：celery、FastDFS、ElaticSearch、redis、MySQL读写分离 部署方式：docker容器部署 nginx(vue) + uwsgi(django) 给出体验地址： 121.4.47.229:8080 因为钉钉、QQ、...
python+django+mysql+vue前后端分离开发的小型电子商务管理系统，含独立后端
05-17
python+django+mysql+vue前后端分离开发的小型电子商务管理系统，含独立后端
Python+Vue+Django前后端分离的学习学生管理系统源码.zip
05-08
Python+Vue+Django前后端分离的学习学生管理系统源码 Python+Vue+Django前后端分离的学习学生管理系统源码 Python+Vue+Django前后端分离的学习学生管理系统源码 Python+Vue+Django前后端分离的学习学生管理...
高分项目 基于Python+Django+Vue前后端分离的自动化运维平台
最新发布
05-13
高分项目 基于Python+Django+Vue前后端分离的自动化运维平台 CMDB、CICD、DevOps、资产管理、任务编排、持续交付、运维管理、源码+部署文档+全部数据资料.zip 【备注】 1、该项目是个人高分项目源码，已获导师指导...
vue配合django接口，v-for循环的时候显示不了数据
9527
08-14 1859
vue配合django接口 v-for循环的时候显示不了数据
Django的cookie跨域问题解决方法
m0_74037337的博客
11-18 141
在我们使用Django框架设置cookie时，由于浏览器出于用户安全着想，存在cookie跨域问题，即浏览器无法自动保存Django框架发送过来的cookie，并且在发送请求时，浏览器也不会自动携带cookie来请求。在遇到这个问题的时候，我在浏览器上查找了各种方法，都是叫我在Django的setting.py文件里加几行代码，我都尝试了，不过都无济于事，通过自己尝试，想到了一种解决思路。
Django中cookie和session的存、取、删除
Python热爱者的博客
08-13 671
Django中： cookie的存： response = HttpResponse('登陆成功') #改成重定向等都可以 response.set_cookie('username',username) #response.set_signed_cookie('username',username,salt='asdasd') #带签名的cookie(加盐) response.se...
Vue 和 Django 前后端分离实践 （登录功能）
To-nemy
06-18 623
t
如何实现django+pyecharts+mysql前后端分离
04-27
最后，需要将 Django 后端和前端页面部署到不同的服务器上，以实现前后端分离。可以使用 Docker 进行部署，将 Django 应用和前端页面分别打包成 Docker 镜像，并使用 Docker Compose 进行部署管理。 总的来说，实现...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值