js-cookie：jscookie 设置cookie 有bug・
在js中如何删除一个cookie
首先需要稍微了解一下cookie的结构，简单地说：cookie是以键值对的形式保存的，即key=value的格式。各个cookie之间一般是以“；”分隔。
js清除cookie的方法一般是有两种方法。一个是通过删除cookie的所有变量，其cookie也就随之被清除。
具体来说，如果一个Cookie被设置成HttpOnly = true，那么这个Cookie只能通过服务器端进行修改，Js是无法访问、修改或删除的。这对于提高Web应用的安全性至关重要，因为它可以防止恶意脚本通过Js获取用户的敏感信息，如会话令牌（Session Token）等。
**演示图 **浏览器兼容性 **下载 你可以直接点击下载或访问官方GitHub，或通过npm、Bower下载，库名为js-cookie。
vue3+ts使用js-cookie无法成功设置cookie,该如何解决?
1、打开浏览器开发者工具，查看“Cookies”。确认 cookie 是否已成功设置。检查跨域问题 确保 cookie 设置和读取都在同一域下进行。浏览器同源策略阻止跨域设置 cookie。检查是否有其他 JavaScript 错误 在浏览器开发者工具控制台查看是否有其他 JavaScript 错误，影响 js-cookie 正常工作。
2、解决方案：使用Cookies类的方法来获取或设置cookie，确保cookie在Electron应用中正确存储和读取。考虑使用其他存储方式：在某些情况下，如electron-vue项目中使用js-cookie时，可能会遇到打包后js-cookie无法在浏览器中保存cookie的问题。
3、在Vue项目中，可以创建一个util文件夹，并在其中新建一个cookie.js文件。这个文件用于封装获取cookie的方法，如getCookie（name）函数，以便在需要时调用它来获取cookie中的登录信息。
4、解决方案：修改服务监听地址，使其监听所有网络接口（0.0.0.0）。如果你使用的是Vue CLI 3或更高版本，可以通过修改vue.config.js文件来指定开发服务器的监听地址。浏览器兼容性问题 原因：如果嵌套的浏览器版本过低，可能会导致vite开发的vue3项目无法正常运行，出现白屏等问题。
5、移除或调整代理配置：如果开发环境中使用了代理，确保在生产环境中已移除代理配置，或根据生产环境需求正确配置代理。检查服务器网络设置：防火墙设置：确保服务器防火墙允许前端应用的请求通过，避免请求被拦截。CORS设置：如果前后端分离部署，后端需要正确设置CORS策略，以允许前端应用的跨域请求。
6、解决方案：如果确实需要通过JavaScript访问cookie，需要与后端开发者协商，确保在设置cookie时不要添加HttpOnly属性。SameSite属性：SameSite属性用于限制第三方网站请求cookie。如果设置为Lax或Strict，某些跨站请求可能无法携带该cookie。
如何利用js操作cookie实现记住密码功能
1、设置过期时间时，要计算出时间戳格式，确保日期格式正确。在用户登录成功后，将登录状态信息存入cookie。保存操作完成后，显示相应提示信息给用户。检查登录状态的代码中，读取cookie以验证用户是否已登录。代码示例中应包括对登录状态的读取和验证。
2、cookie的操作办法最简单的说法就是对document.cookie进行操作（写入你要需保存的内容）。cookie有一个关键字是expires，它是用来设置cookie的有效期的，默认情况（不设置expires）是当浏览器关闭的时候，自动清除cookie。
3、JavaScript能操作Cookie吗？答案是，只有服务器端能确保必要的安全性。但有时，前端需要对Cookie进行增删改查。这时，HttpOnly功能便显现出其重要性。HttpOnly是Set-Cookie响应头中的一个附加标志。通过在生成Cookie时添加HttpOnly，可以提高对客户端脚本访问受保护Cookie的防护。
