django+vue无法设置跨域cookies

Posted 2023-05-04

参考技术A

后端开发环境：Django 3.2.9
前端开发环境：vue3 + ts
浏览器版本：chrome（96.0.4664.45）

问题：
最近开发一个新项目，前端使用axios进行http类的封装，前后端分离进行api调试，进行登录后，后续的api调用发现无法识别到cookie。

尝试情况：
1、axios设置withCredentials，无效

2、分析api请求和响应信息，发现响应标头有一段警告信息

3、联想到既然是响应标头出现报警信息，那么可以考虑从django入手。在官网上输入"SAMESITE"，果然找到了相关的说明，通过在settings.py设置 SESSION_COOKIE_SAMESITE=\'None\' 和 SESSION_COOKIE_SECURE=True 后成功解决问题。

vue 跨域请求 怎么带上cookies

参考技术A 这是跨域问题，先把这个内容看完，否则你这个东西改起来无从下手。 简单来说，就是“非简单请求”在跨域时，浏览器会默认自动帮你发一个OPTIONS请求，到服务器端请求服务器确认该请求的合法性，服务器端必须得有相应的路由处理该请求