express-useragent识别React Native应用返回isMobile=false问题

express-useragent的识别逻辑完全依赖请求携带的User-Agent请求头：

• React Native 框架默认发起的网络请求（fetch/axios等）携带的UA非常精简，安卓端默认值为okhttp/版本号，iOS端默认值为CFNetwork/版本号 Darwin/版本号，不包含任何可被识别为移动端设备的特征字段，因此模块无法匹配到有效规则，返回isAuthoritative: false标识识别结果不可信，同时isMobile、isMobileNative都返回false。
• NativeScript 框架默认会在UA中自动添加移动端原生应用的相关特征标识，可被模块正常匹配，因此识别结果正常。

可从客户端或服务端任意一侧调整解决：

• 方案1：React Native端自定义请求UA
  发起请求时手动在UA中追加移动端特征标识，模块即可正常识别。以全局配置axios为例：

  // React Native 端代码
  import axios from 'axios';
  // 给所有请求的UA追加可识别特征
  axios.defaults.headers.common['User-Agent'] = `${navigator.userAgent} ReactNative Mobile NativeApp`;
  

  单次fetch请求配置示例：

  fetch('你的接口地址', {
    headers: {
      'User-Agent': `${navigator.userAgent} ReactNative Mobile NativeApp`
    }
  })
  

• 方案2：服务端新增RN专属识别规则
  无需修改客户端代码，新增中间件补全识别逻辑即可：

  app.use(useragent.express());
  // 新增RN识别修正中间件
  app.use((req, res, next) => {
    const rawUa = req.get('User-Agent') || '';
    // 匹配React Native默认UA的特征
    const isRnRequest = /okhttp/i.test(rawUa) || /CFNetwork.*Darwin/i.test(rawUa);
    if (isRnRequest) {
      req.useragent.isMobile = true;
      req.useragent.isMobileNative = true;
      req.useragent.isAuthoritative = true;
    }
    next();
  });
  
  app.get('/', function(req, res){
      res.send(req.useragent);
  });
  

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