前端 js 设置cookie的方式及遇到cookie方面的问题

前端设置cookie的方式及cookie方面的问题

首先排查cookie的携带是否有误

我们要知道，axios里的post请求里cookie是放哪的

axios.post（url,{第一个对象里是放后端传回的参数},{第二个人接口是放请求头请求体设置以及cookie是否允许携带设置等}）
所以我们cookie放在第二个对象里，在这里cookie其实是默认不允许携带的，他这里是没显示出来

我们直接在第二个对象里设置一个 withCredentials: true；

withCredentials:默认情况下，跨源请求不提供凭据(cookie、HTTP认证及客户端SSL证明等)。通过将withCredentials属性设置为true，可以指定某个请求应该发送凭据。默认值为false。
true：在跨域请求时，会携带用户凭证
false：在跨域请求时，不会携带用户凭证；返回的 response 里也会忽略 cookie

当配置了 withCredentials = true时，必须在后端增加 response 头信息Access-Control-Allow-Origin，且必须指定域名，而不能指定为

也可以在axios外写对所有 axios 请求做处理：axios.defaults.withCredentials = true;
方法有很多种（这里是我常遇到的）

然后再次查找cookie是否设置有误

在axios外写上后端需要你携带的cookie，格式是：
document.cookie=’ 后端传的cookie写这里面 ’

如以上代码还是有问题的话可能是浏览器的版本问题，需要手动在浏览器cookie设置

打开谷歌浏览器在Chrome中访问 chrome://flags/ ，搜索SameSite并设置为disabled即可。

原因是Chrome升级到80版本之后cookie的SameSite属性默认值由None变为Lax，这也就造成了一些访问跨域cookie无法携带的问题。
操作步骤如下**

图片


这些是我遇到cookie问题的总结，希望能帮到大家

前端 js 设置cookie的方式及遇到cookie方面的问题相关推荐

前端js设置,读取，删除cookie及其简洁写法
设置cookie function setCookie(name, value,days) {//三个参数,一个是cookie的名子,一个是值,最后一个是天数var exp = new Date(); ...
前端js以application/octet-stream方式上传文件
今天又学会了一种上传文件的文件流方法. 本人后端采用了CXF框架实现的 api层 package com.inspur.gs.tax.tbs.utils;import org.glassfish.je ...
html添加样式js,前端-JS设置html元素样式
在前面的[<前端-获取或者修改div内容>]和[<前端-JavaScript获取和设置input的值>]中,我们说的都是改变内容了,这篇博客我们来说一下设置html元素的样式. ...
springboot-前端js设置cookie的name、value值，后端利用name获取指定cookie的value值
springboot-前端js设置cookie的name.value值,后端利用name获取指定cookie的value值前端 js 将传递过来的 id 存入cookie中, coo ...
JS设置每日定时任务
JS设置每日定时任务文章目录 JS设置每日定时任务方式一.手写简单实现方式二.使用npm包node-schedule 方式一.手写简单实现主要函数: /*** 设置每日定时任务* @param ...
前端开发中通过js设置cookie的一组方法
js方法的完整代码如下: var cookie = {set:function(key,val,time){//设置cookie方法var date=new Date(); //获取当前时间var e ...
[Web前端基础] CSS优先级、JS运算优先级、CSS设置在第几行进行超出部分省略号、JS设置元素样式的六种方式
CSS优先级 !important> 行内样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器 > 继承如果有多个复合选择器选中同一个元素,则需要 ...
前端js华为云obs上传下载文件与进度条的设置
前端js华为云obs上传下载文件与进度条的设置首先下载OBS BrowserJS SDK安装包用git将代码拉到本地 git clone https://github.com/huaweiclou ...
js设置cookie、读取cookie和删除cookie
什么是cookie? cookie 是存储于访问者的计算机中的变量.每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie.设置cookie的方法有很多种:比如通过服务器脚本页面进行设置 ...
JS设置，获取，删除cookie
JS设置,获取,删除cookie 由于chrome等浏览器存在samesite安全措施,导致传统http页面后端无法设置cookie到前端,所以考虑在返回值中添加cookie值,使用前端js进行coo ...

前端 js 设置cookie的方式及遇到cookie方面的问题

前端设置cookie的方式及cookie方面的问题

前端 js 设置cookie的方式及遇到cookie方面的问题相关推荐

最新文章

热门文章