用Live Server打开网页Cookie失效

最新推荐文章于 2025-07-26 20:46:52 发布
原创 最新推荐文章于 2025-07-26 20:46:52 发布 · 2.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#1024程序员节 #vscode

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

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

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

Nmap&Zmap特征识别，绕过IDS探测，网络扫描探测工具的分析与识别（Zmap | Angry IP Scanner | Masscan），如何使用 iptables 防止端口扫描？
代码讲故事
07-17 1万+
Nmap&Zmap特征识别，绕过IDS探测，网络扫描探测工具的分析与识别（Zmap | Angry IP Scanner | Masscan），如何使用 iptables 防止端口扫描？ 网络扫描探测通常是发起网络入侵的第一步，攻击者可以利用扫描探测工具获取网络中的主机系统、TCP/UDP 端口的开放情况、子域名、网站指纹、WAF、CDN、中间件类别等重要信息，识别出存在安全漏洞的主机或系统，从而发起有针对性的网络入侵行为。此外，一些扫描工具同时具备漏洞利用的能力。
p2p之网络穿透NAT、NAT、穿透的原理
最新发布
weixin_45715405的博客
01-05 46
NAT穿透技术是实现P2P通信的关键，本文系统分析了NAT穿透原理及实现方法。文章首先解释了NAT存在的必要性（IPv4地址不足）及其工作原理，详细剖析了四种NAT类型（完全锥形、受限锥形、端口受限锥形和对称NAT）的特点及穿透难度。通过穿透可行性矩阵展示了不同类型NAT间的连接可能性，指出对称NAT穿透最为困难。文章还介绍了判断NAT类型的方法，为实际应用中的NAT穿透提供了理论依据。理解这些原理对于开发游戏、视频通话等需要直接P2P通信的应用具有重要意义。
VScode中html网页, 用Live Server启动怎么操作
weixin_42584507的博客
02-14 2168
要在 VSCode 中使用 Live Server 启动 HTML 网页，需要执行以下步骤： 在 VSCode 中打开要启动的 HTML 文件。 在 VSCode 的侧边栏中找到扩展(Extensions)，并安装 "Live Server" 扩展。 安装完成后，打开 HTML 文件，在编辑器的右上角会出现一个 "Go Live" 的图标，点击后即可启动 Live Server。 Live...
VSCode调试揭秘：Live Server助力完美测试Cookie与Session，远超“Open in Browser“！
啊猪是的读来过倒的博客
06-09 2855
适用于简单的本地文件访问，但不支持跨域Cookie和Session的处理。通过本地HTTP服务器访问文件，支持跨域Cookie和Session的处理，并提供更多的配置灵活性。对于需要测试跨域功能的开发者来说，它是一个更好的选择。所以，在开发过程中，如果需要处理跨域相关的Cookie和Session，建议使用。然而，如果你只是需要简单地查看本地HTML文件，open in browser 可能就足够了。
Vue2——VUE的基本使用、vue特点
mantou_riji的博客
04-23 1406
文章目录图标问题VUEvue的使用步骤vue特点 先在html写一段简单的代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>初始vue</title> <script type="text/javascript" src="../js/vue.js"></script> </head&g
VSCode前端开发工具插件--LiveServer实时刷新网页
热门推荐
Bruce小鬼
01-14 1万+
VSCode前端开发工具插件–LiveServer实时刷新网页 1.概述 当我们使用VSCode工具开发前端HTML页面时，修改内容后都要重新刷新网页才能展示更新代码的内容。那么有没有一种方式能够实时的显示代码更新的内容那？ 下面就通过LiveServer插件实现网页内容实时刷新 2.安装与使用LiveServer插件 2.1.安装LiveServer 在VSCode的Extends扩展中输入live，在LiveServer上点击Install安装即可 2.2.使用LiveServer打开网页
live server
猪儿君的博客
01-17 823
live server插件 更改默认浏览器
【H5】前端存储 -- cookie、sessionStorage、localStorage
qq_48802092的博客
08-31 1380
前端存储分为cookie和webStorage，webStorage又分为sessionStorage（会话存储）和localStorage（本地存储）。
Laravel开发-live-or-let-die
08-27
但可以通过配置文件调整此行为，如设置更长的生命周期或使用持久性 Cookie。 2. **前端同步** - **实时更新**：前端同步意味着在用户界面即时反映后端数据更改，无需刷新页面。这通常通过 AJAX 请求、WebSockets ...
AI应用架构师经验总结：负载均衡的10个最佳实践（干货）
AI天才研究院
07-26 842
在这个AI模型参数动辄数十亿、数百亿，用户对响应速度和服务可用性要求严苛的时代，一次负载均衡策略的失误，就可能意味着数百万美元的损失和不可挽回的用户信任危机。4. 启用基于GPU集群整体负载的全局限流，当平均GPU利用率超过85%时，自动触发队列机制，超出队列长度的请求返回“服务繁忙，请稍后再试”。对于AI服务，尤其是问答、推荐、翻译等存在大量重复或相似请求的场景，在负载均衡层或其附近（如CDN、API网关）引入缓存机制，能显著减轻后端推理节点的负载，降低延迟，节省算力成本。选择合适的算法，事半功倍；
H5的本地存储（localStorage）和会话（sessionStorage）还有cookie的使用与注意事项
m0_62541343的博客
11-24 667
H5的本地存储（localStorage）和会话（sessionStorage）还有cookie的使用与注意事项
Severlet学习：Cookie 处理
山鬼谣弋痕夕的博客
04-23 462
Cookie 是存储在客户端计算机上的文本文件，并保留了各种跟踪信息，比如说是记录网站的密码，自动登录等。识别返回用户包括三个步骤：服务器脚本向浏览器发送一组 Cookie。例如：姓名、年龄或识别号码等。浏览器将这些信息存储在本地计算机上，以备将来使用。当下一次浏览器向 Web 服务器发送任何请求时，浏览器会把这些 Cookie 信息发送到服务器，服务器将使用这些信息来识别用户。如何设置或重置 C...
跨域——跨域的解决方案
weixin_43473114的博客
08-18 422
跨域 浏览器的同源策略： 请求资源时，浏览器要求当前网页和请求资源的server必须同源。 同源： 协议、域名、端口三者必须一致。 当url中协议、域名、端口号任意一个不相同时，都算作不同域，不同域之间相互请求资源，就算做“跨域”。 处理跨域的方法： 1. jsonp jsonp的原理： 利用script标签不受跨域限制和服务器端配合动态拼接字符串返回来实现跨域。 浏览器脚本动态创建script标签，并且给script的src属性加入了callback参数，浏览器端还要定义callback，callba
live-server 的使用
乐辞的博客
10-24 6271
live-server 是一款 npm 工具，全局安装 npm i -g live-server 后，项目目录使用 live-server 命令行命令便可直接在浏览器中预览（默认找 index.html，其他需要带上文件名空格后跟在后面），并且自动全局监听实时更新。但现在流行修改文件浏览器自动刷新 hot socketing（热拔插），如 live-reload。本地开发常常需要搭建临时的服务，第一时间我们会想到用 http-server。而 live-server 实现了上面这三个插件的功能。
Vscode Live Server插件可能会遇到的两个问题
Dpl0216的博客
01-15 1万+
在帮学弟解决Live Server插件时遇到的两个问题，对这两个问题以及方法进行了总结，希望对同样遇到问题的你有所帮助。欢迎大家补充以及分享自己的解决经验！让我们一起帮助更多遇到相同问题的朋友们。
js的cookie设置(拉到最后面有jQuery的)
weixin_68658847的博客
11-08 5474
js的cookie设置
VXcode运行HTML通过live server打开后，在浏览器中打不开，提示网站暂时
weixin_42601608的博客
02-15 561
不可用。 很抱歉，您遇到了这个问题。有几个原因可能导致这种情况： Live Server插件可能不是最新版本，请检查是否需要更新。 您的网络连接可能不稳定，请检查您的网络连接是否正常。 HTML文件中可能存在语法错误，请检查您的代码。 如果以上建议都不能解决您的问题，请提供更多的细节以便我为您提供更准确的帮助。 ...
关于我在用cookie储存HTML文件时cookie无法建立的问题
zhaicheng55的博客
11-20 1916
一般浏览器不允许文件打开的网页去设置，添加cookie。 必须用本地服务器打开文件中的网页才行，（即打开网页的不是文件路径的地址，而是数字的本地地址） 就需要下载插件live Server插件。而这个插件必须在打开的文件夹中才能运行，点击文件->打开文件夹->打开目的文件->在目的文件页面内右键有Open with live server即可。 cookie的查看也不需要在文件中添加console.log慢慢调试。 这里推荐右键->检查->console终端中输入documen
live server使用
wzp20092009的博客
04-02 6339
Launch a development local Server with live reload feature for static & dynamic pages。 简而言之，一个开服务展示静态或者动态页面的本地服务器。 在线安装 vscode在 扩展Extensions 中搜索 Liver Server，选择并安装它。 最新的版本不需要配置setting首选项那些了。 选择具体的页面，右击文件选择 Open with Liver Server 服务器就启动了，所选择浏览的页面也会在.
open with live server打开网页不会自动更新
07-16
在使用 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、付费专栏及课程。

余额充值