用Live Server打开网页Cookie失效

本文探讨了在Visual Studio Code LiveServer环境下,如何遇到cookie未保存的问题,作者通过介绍如何切换至localStorage来保持页面状态。重点在于在实际开发中的适配和技巧。

        通过vscode的Live Server打开自己写的网页,在刷新了一次页面后就发现cookie并没有被保存,需要通过文件的方式打开就可以解决。

        但是为了在Live Server环境下使用cookie,我是采用localStorage存储cookie数据。

在使用 Visual Studio Code 的 Live Server 扩展时,若遇到通过 "Open with Live Server" 打开网页后页面无法自动刷新的问题,可以通过以下多种方式进行排查与解决: ### 检查并启用自动保存功能 确保 VS Code 的自动保存功能已开启。Live Server 依赖文件的保存动作来触发页面刷新。可在 VS Code 中依次点击 **文件 > 自动保存**(或直接使用快捷键 `Ctrl + S` 手动保存),确保该选项处于启用状态[^3]。 ### 清理扩展缓存并重新安装 Live Server 有时扩展的本地缓存可能导致异常行为。可以尝试找到本地 VS Code 的扩展安装路径(通常位于 `C:\Users\XX\.vscode\extensions`),删除与 Live Server 相关的文件夹。随后重新安装该扩展,并重启 VS Code 进行测试[^1]。 ### 修改 Live Server 配置参数 进入 VS Code 设置界面(**文件 > 首选项 > 设置**),切换到“扩展”标签页下的 Live Server 设置,或直接打开 `settings.json` 文件,将以下配置项粘贴进去以优化其行为: ```json "liveServer.settings.donotVerifyTags": true, "liveServer.settings.NoBrowser": false, "liveServer.settings.CustomBrowser": "chrome", "liveServer.settings.AdvanceCustomBrowserCmdLine": "C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe" ``` 上述配置中: - `"liveServer.settings.donotVerifyTags"` 表示忽略 HTML 文件中缺少 `<html>`、`<head>` 或 `<body>` 标签的警告; - `"liveServer.settings.NoBrowser"` 控制是否在启动时不自动打开浏览器; - `"liveServer.settings.CustomBrowser"` 可指定默认使用的浏览器; - `"liveServer.settings.AdvanceCustomBrowserCmdLine"` 则用于指定自定义浏览器的完整可执行文件路径[^4]。 ### Mac 用户特别注意 对于 macOS 用户,除了检查自动保存和 Live Server 设置外,还应确认当前工作区设置是否生效。可通过点击右下角的 “Go Live” 按钮,然后选择 “Settings” 来访问 Live Server 的设置界面,并确保选择了 “Settings: Current Workspace”,以便为当前项目应用正确的配置[^2]。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值