vue axios请求django后端，返回cookie浏览器未生效？

最新推荐文章于 2022-04-03 08:52:20 发布
最新推荐文章于 2022-04-03 08:52:20 发布
阅读量391 收藏
点赞数
分类专栏： vue 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31759203/article/details/114134211
版权
本文探讨了在Vue应用中使用Axios进行请求时，与Django后端交互过程中遇到的Cookie未生效问题。通过检查后端设置和前端配置，特别是Axios的`withCredentials: true`选项，来解决跨域Cookie不被浏览器保存的问题。
摘要由CSDN通过智能技术生成
后端代码
	res = HttpResponse(json.dumps({
   'msg': 'success'}))
	res['Content-Type'] = 'application/json;charset=utf-8'
	
	res.set_cookie('UserID'
最低0.47元/天 解锁文章
「已注销」
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue axios 跨域请求无法带上cookie的解决
10-14
总之，解决Vue axios跨域请求无法携带cookie的问题，需要前端设置`axios.defaults.withCredentials = true`，后端设置`Access-Control-Allow-Credentials: true`，并且`Access-Control-Allow-Origin`要正确指向前端...
Django跨域请求无法传递Cookie
willbkimps的博客
09-03 2357
问题 在使用 Django + Vue 进行前后端分离开发时，发现在跨域访问情况下，后台 HttpResponse 在使用 set_cookie 方法后，浏览器无法获取 Cookie。 解决方法 Django 端使用 django-cors-headers 解决跨域问题，修改 settings.py 文件。具体方案： Flask和Django中解决跨域请求问题 对 axios 进行设置，允许浏览...
setcookie刷新后才生效问题
红尘炼炼心的博客
11-10 1万+
引入 最近遇到cookie在本页面设置后，当前页面无法获取的问题，通过学习了解到cookie的生成流程，终于让LZ了解到其中的原因。下面讲述setcookie刷新后生效的原因。 实验 首先，设置一个Cookie <?php setcookie('a','aaa',time()+3600,'/'); echo $_COOKIE['a']; ?> 下面我们来看看，当首次(当前页面)访
解决Vue和Beego项目中，Vue请求无法发送cookie，后端无法获取cookie的问题，和解决Vue的axios设置withCredentials之后跨域问题
LagerSwan的博客
12-30 3633
问题一、Vue请求无法发送cookie，后端无法获取cookie的问题； 1、今天在实现 Vue + Beego 项目的登录功能时，出现 Vue 发送请求之后，Beego 居然无法获取 cookie 的问题，上代码： - 前端 api.js 文件添加 withCredentials 设置： import axios from 'axios' axios.defaults.withCredentials = true - 后端 app.conf 文件设置启用 session 和 cookie se
vue 使用axios，请求头headers 获取不到cookie问题
热门推荐
晏紫苏_cc的博客
06-08 3万+
axios默认是不允许ajax请求头携带cookie，所以要手动配置允许才能通过请求头传递或获取cookie。代码如下：import axios from 'axios'axios.defaults.withCredentials = true; //让ajax携带cookie...
Django 跨域请求时不携带cookie
m0_37995876的博客
03-03 1305
在前后端分离项目中，后端Django 登录代码中使用session。 request.session['username'] = user_obj.username request.session['user_id'] = user_obj.id request.session['is_login'] = True 后端服务器返回response header中有set-cookie属...
vue项目使用axios发送请求让ajax请求头部携带cookie的方法
10-17
本篇文章将详细解释如何在Vue项目中配置axios，使其在发送Ajax请求时自动携带cookie。 首先，axios在默认情况下不会自动将浏览器的cookie添加到请求头中。这是因为跨域请求（CORS）的安全策略限制，防止恶意网站...
详解Vue用axios发送post请求自动set cookie
12-09
vue-resource不再维护之后，我也用起了axios，但是死活无法设置服务器发送过来的cookie 后来查询文档发现，这个是要单独配置的。 // `withCredentials` indicates whether or not cross-site Access-Control ...
vue axios请求超时的正确处理方法
08-27
Vue Axios 请求超时的正确处理方法 在使用 Vue Framework 时， Axios 库是一个非常常用的 HTTP 客户端库，它提供了简洁的 API 来发送 HTTP 请求。然而，在实际开发中，我们经常会遇到请求超时的问题，这篇文章将...
python后台返回cookie_Django框架设置cookies与获取cookies操作详解
weixin_39777637的博客
12-04 792
本文实例讲述了Django框架设置cookies与获取cookies操作。分享给大家供大家参考，具体如下：在Django里面，使用Cookie和Session看起来好像是一样的，使用的方式都是request.COOKIES[XXX]和request.session[XXX],其中XXX是您想要取得的东西的key, 很久以前，写过一篇 django怎么处理session 的文章:django 自定义...
axios 设置Application中的cookie后，请求接口无法带上cookie
Li_Ning21的博客
12-24 1594
今天遇到了一个有意思的问题， 理论上在Application中携带了cookie，就应该在接口请求的时候一并带过去， 但是实际上却没有带过去。 排查问题发现 是path的问题， 其实在接口请求的时候，cookie是否携带可以看这个地方。 如果你的path有问题，这里会有个问号的东西存在。 最后解决方法是，设置cookie的时候 手动设置path。 const cookie = getQueryString('cookie'); document.cookie = `SESSION=${cookie};P
Set-Cookie失效。response响应头中包含set-cookie。但是没有存储在本地cookie中的问题汇总。
梦一样的博客，神话般的感觉
04-03 1万+
小伙伴们在改造已有项目的时候会碰到自己的响应头中包含了set-cookie失效不起作用这类的信息。导致我们服务端的某些功能不能使用，比如“认证”，“权限”等。 小编在这里罗列一下可能发生的问题。共大家排查。 Domain问题 这是由于你返回的set-cookie指令中的Domain属性设置的值无法与你当前请求网站的域名相对应，所以浏览器忽略了set-cookie指令，没有存储在本地的cookie中。 例如：请求路径为localhost。但是set-cookie指令中的Domain属性设置为127.0.0
set-cookie无效，不能保存到cookie的问题
NumenJamila的博客
11-30 3万+
当前后端分离，或者本地测试线上的项目时，本文以vue项目为例。后端响应设置set-cookie，但是本地却没用保存到cookie。解决 办法： 后台setcookie时，setdomain为vue前端运行的ip即可。 提示： Domain不一致限制cookie的保存。...
Django使用自定义中间件解决跨域请求的问题，还有axios不能自动设置set-cookie的问题
Loyoan的专栏
01-25 378
Django使用自定义中间件解决跨域请求的问题，还有axios不能自动设置set-cookie的问题
解决Django中set_cookie()不能存储中文字符串问题
阳光女孩---python-Girl
12-17 1334
用json模块完全可以解决以上问题: import json json.dumps(username):把字符串username转换为python程序可识别的二进制数据 json.loads(username):把python中username二进制数据转为json字符串格式 下面是例子： def get(self,request): if ‘username’ in request.COOKIE...
cookie设置secure属性不生效
sadanmowang的博客
07-05 3655
在网上找资料，都是说cookie如果设置了secure=true，那么在http请求的时候，这个cookie就不会往后端传递。为了验证这个说法，我自己用springboot搭了一个简单程序，写了一个接口做测试，接口代码如下，很简单 @RequestMapping("/demo") @RestController public class DemoController { @GetMapping("/hello") public ResultVO hello(HttpServletReq
Django+axios 前后端分离 跨域 取不到cookie和session的问题
蔡金航的博客
08-15 1412
问题背景 ：使用Django3.2开发后端，vue开发前端，前后端部署到不同的服务器上。后端配置django-cors-headers解决跨域问题后，发现无法正确使用session，前端无法在cookie中保存sessionid。 浏览器是Chrome 在前端设置：axios.defaults.withCredentials = true 后，仍然无效. 后来在开发者工具中，看到下面的警告，意思是想要设置cookie，需要把SameSite设置为None(Chrome浏览器默认是Lax) 设置方法是在Dj
用vue发送axios请求向后端发送一个id集合
最新发布
05-25
2. 创建一个方法来发送axios请求，并将id集合作为参数传递给后端，例如： ``` methods: { sendIdList() { axios.post('/api/ids', { ids: this.idList }) .then(response => { console.log('Response:', ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值