Node.js服务端调用navigator.language返回undefined如何解决

navigator、window是浏览器环境独有的Web API，Node.js服务端原生不存在这两个对象。你通过npm安装的navigator@1.0.1是早已废弃的空测试包，没有实现真实浏览器navigator对象的属性，自然读不到language值。
核心逻辑错误：服务端代码运行在你的服务器上，根本接触不到用户本地的浏览器环境，不可能直接在Express路由里调用navigator拿到用户侧的配置。

你可以二选一实现获取用户默认语言的需求：

方案1：服务端直接从请求头读取（无额外前端代码，最常用） #

用户发起HTTP请求时，浏览器会自动在请求头中携带Accept-Language字段，标识用户的语言偏好，Express可以直接从请求对象中解析，不需要安装任何第三方依赖。
修改你的路由逻辑，删除文件头部冗余的window、navigator引入语句，调整后代码如下：

const express= require('express');
const { appendFile } = require('fs');
const port= process.env.PORT || 5000;
const dropdown=express();
const dns = require('dns');
dropdown.use(express.json());
// 补全urlencoded配置避免表单解析失败
dropdown.use(express.urlencoded({extended: true}));
dropdown.use(express.static('public'));

dropdown.get('/form',(req,res)=>{
  res.sendFile(__dirname + '/dropdown.html'); 
})

dropdown.post('/form',(req,res)=>{
  console.log(req.body);
  let lang = req.body.dropdown;
  const mapper = {
    "Hindi" : () => res.sendFile(__dirname + '/public/hindi.html'),
    "English" : () => res.sendFile(__dirname + '/public/english.html'),
    "Japanese": () => res.sendFile(__dirname + '/public/japanese.html'),
  }
  // 从请求头取优先级最高的用户语言
  const usrlang = req.headers['accept-language']?.split(',')[0];
  console.log("User's preferred language is: "+ usrlang);
  mapper[lang]() 
})

// 模板字符串必须用反引号包裹才能解析变量
dropdown.listen(port,()=>{
  console.log(`server started at http://localhost:${port}`)
});

方案2：前端读取navigator属性后传给后端 #

如果你一定要调用navigator.language这个API，必须在用户加载的HTML页面脚本里运行——只有浏览器环境才有真实的navigator对象。拿到值后可以存在隐藏表单域中，随表单提交一起传给后端。
修改你的HTML代码：

<h2>Welcome to the Form</h2>
<form method="post" action="/form"> 
  <!-- 新增隐藏域存前端读取到的语言值 -->
  <input type="hidden" name="clientLang" id="clientLang">
  <select name = "dropdown" > 
    <option value = "Hindi" selected>Hindi</option> 
    <option value = "English" >English</option> 
    <option value = "Japanese" >Japanese</option>
  </select>
  <p>
    <button type="submit">Submit</button>
  </p>
</form>
<script>
// 浏览器环境下可直接读取真实的navigator.language
document.getElementById('clientLang').value = navigator.language;
</script>

后端路由中直接通过req.body.clientLang就能拿到前端传过来的用户语言值。

• 及时卸载冗余依赖：执行npm uninstall navigator window，这两个包在Node服务端场景没有实际作用，只会干扰逻辑判断
• 模板字符串必须使用反引号（`）包裹，单引号、双引号包裹的内容不会解析${}中的变量
• 所有和用户浏览器本地环境相关的属性，要么从HTTP请求自带的头信息中读取，要么在前端页面脚本中读取后再传给服务端，不要试图在服务端直接模拟浏览器对象拿用户数据

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