为何本地HTML文件中document.cookie无法正常工作？

问题根源 #

本地直接打开HTML文件时，浏览器使用file://协议，出于安全限制，现代浏览器默认禁止在该协议环境下设置Cookie。而VSCode的Live Server通过HTTP服务器（http://localhost）提供文件服务，属于标准HTTP协议环境，符合Cookie设置规则，因此代码能正常运行。

另外注意：你最初写的document.cookie = "Lang:Ar";写法有误，Cookie的键值对必须用=分隔，正确写法是document.cookie = "Lang=Ar";，不过你后来封装的SetCookie函数是正确的。

解决方案 #

必须通过HTTP/HTTPS协议访问HTML文件，除了Live Server，还可以用以下方式快速搭建本地服务器：

• Python 3环境：在文件目录下执行命令

  python -m http.server 8000
  

• Python 2环境：在文件目录下执行命令

  python -m SimpleHTTPServer 8000
  

启动服务器后，在浏览器访问http://localhost:8000/你的HTML文件名.html，此时执行Cookie设置代码就能正常生效。

内容的提问来源于stack exchange，提问作者user24038408