如何在响应本机提取api时更改用户代理

Question

我尝试在react native fetch API中更改用户代理：

const URLENCODED_HEADER = {
  'Accept': 'application/json',
  'Content-Type': 'application/json',
  'User-Agent': Platform.OS + "/" + DeviceInfo.getUniqueID().toString()
}

export async function doRegister(secureInfo) {
  formBody = encodeParameters(secureInfo)
  try {
    let response = await fetch(SERVER_URL+'/user/register', {
      method: "POST",
      headers: URLENCODED_HEADER,
      body: formBody,
      credentials: 'include'
    });
    let responseJson = await response.json();
    return responseJson;
  } catch(error) {
    console.error(error);
    throw error;
  }
}

我还检查了Reactotron中的请求标题：

它显示了我想要的正确信息。

但是，在服务器端，ua仍然是android和ios设备的默认设置：

Mozilla/5.0 (iPad; CPU OS 11_2_6 like Mac OS X) AppleWebKit/604.5.6 (KHTML, like Gecko) Version/11.0 Mobile/15D100 Safari/604.1

okhttp/3.6.0

Dalvik/2.1.0 (Linux; U; Android 5.1.1; Coolpad 3622A Build/LMY47V)

是否可以针对react-native发送的请求更改user-agent以及如何更改？

Answer 1

尝试Stop Remote JS Debug进行测试。

我也在处理同样的问题。 它为我工作。 ：）

一些注意事项：

1. 仅适用于React Native
2. React Native已经具有默认的User-Agent。类似于：<PROJECT_NAME>/<VERSION> CFNetwork/975.0.3 Darwin/17.7.0
3. 在使用远程JS调试时，它将使用浏览器用户代理。类似于：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36