解决cookie存储不进去本地

最新推荐文章于 2023-02-15 20:25:40 发布

尤雨溪般的艺术编程者

最新推荐文章于 2023-02-15 20:25:40 发布

阅读量2k

点赞数 1

分类专栏：经验分享前端常见错误前端知识文章标签： javascript 前端

本文链接：https://blog.csdn.net/SOLar7SysteM/article/details/128288384

版权

前端知识同时被 3 个专栏收录

46 篇文章 0 订阅

订阅专栏

前端常见错误

26 篇文章 1 订阅

订阅专栏

经验分享

12 篇文章 0 订阅

订阅专栏

Cookie 是以字符串的形式存储在计算机浏览器中的，本身为 document 对象的属性。由于其自身存储数据的限制与缺陷，一般不建议使用。

ookie 的创建

// 创建cookie 
	document.cookie = 'name=value';

如此，一个 cookie 数据就创建成功了。效果如下：

Cookie创建成功后，须在本地服务器下的Application中查看

在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<head>
<script>
function setCookie(cname,cvalue,exdays){
	var d = new Date();
	d.setTime(d.getTime()+(exdays*24*60*60*1000));
	var expires = "expires="+d.toGMTString();
	document.cookie = cname+"="+cvalue+"; "+expires;
}
function getCookie(cname){
	var name = cname + "=";
	var ca = document.cookie.split(';');
	for(var i=0; i<ca.length; i++) {
		var c = ca[i].trim();
		if (c.indexOf(name)==0) { return c.substring(name.length,c.length); }
	}
	return "";
}
function checkCookie(){
	var user=getCookie("username");
	if (user!=""){
		alert("欢迎 " + user + " 再次访问");
	}
	else {
		user = prompt("请输入你的名字:","");
  		if (user!="" && user!=null){
    		setCookie("username",user,30);
    	}
	}
}
</script>
</head>
	
<body onload="checkCookie()"></body>
	
</html>

有一个前提–必须要启动终端服务器，不然cookie存不进去

方式一、可以通过live serve插件

方式二、
chrome 91升级后localhost本地站点cookie无法保存问题解决

总结

Cookie就是一些数据，用于存储服务器返回给客服端的信息，客户端进行保存。在下一次访问该网站时，客户端会将保存的cookie一同发给服务器，服务器再利用cookie进行一些操作。利用cookie我们就可以实现自动登录，保存游览历史，身份验证等功能。

尤雨溪般的艺术编程者

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
解决cookie存储不进去本地

Cookie就是一些数据，用于存储服务器返回给客服端的信息，客户端进行保存。在下一次访问该网站时，客户端会将保存的cookie一同发给服务器，服务器再利用cookie进行一些操作。利用cookie我们就可以实现自动登录，保存游览历史，身份验证等功能。Cookie 是以字符串的形式存储在计算机浏览器中的，本身为 document 对象的属性。Cookie创建成功后，须在本地服务器下的Application中查看。如此，一个 cookie 数据就创建成功了。方式一、可以通过live serve插件。
复制链接

扫一扫