浏览器端纯JavaScript如何读取系统环境变量？

仅运行在浏览器中的纯前端JavaScript（即写在HTML <script> 标签内、未使用Node.js环境的脚本）无法直接读取操作系统的环境变量。

浏览器为了保障用户系统安全，对运行在其中的前端JS做了严格的沙箱权限限制，禁止JS直接访问操作系统底层资源，包括系统环境变量、非用户主动授权的本地文件系统等，避免恶意网页窃取用户系统敏感信息。

你之前在Python中使用os.environ['PATH']可以正常读取环境变量，是因为Python进程直接运行在你的本地操作系统中，拥有本地系统分配的进程权限，天然可以读取当前进程的环境变量，这和浏览器沙箱中的JS运行环境有本质区别。

如果你的业务需要给前端脚本传递配置参数，可以用以下实现方式：

• 直接将需要的配置常量写在JS代码中，声明为全局变量后直接调用
• 将配置值写入HTML的meta标签自定义属性，再通过JS读取DOM属性获取对应值
• 如果确实需要和本地环境的配置联动，只能引导用户主动上传包含对应配置的本地文件，前端通过文件读取API解析内容获取，没有静默读取本地环境信息的可行方案

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