uni-app获取response header响应头（h5/app/小程序三端），Uni-app获取Response Header响应头（涵盖H5、APP及小程序三端操作）

摘要：使用uni-app开发时，获取响应头（response header）信息对于处理HTTP请求至关重要。无论是在H5页面、原生应用还是小程序中，都可以通过uni-app提供的API来获取响应头信息。通过解析服务器返回的响应，开发者可以获取重要的元数据，如内容类型、服务器信息、错误状态等，以便更好地处理数据和优化用户体验。这一过程对于确保应用的正常运行和交互至关重要。

一、H5及APP端

在H5页面或APP应用中，我们可以使用getResponseHeader(key)方法来获取响应头信息，以下是示例代码：

示例图片：

（图片来源网络，如有侵权，请及时告知删除）

代码示例：

创建xhr实例：

// 对于APP-VUE环境
let xhr = new plus.net.XMLHttpRequest();
// 对于H5环境
let xhr = new window.XMLHttpRequest();

使用getResponseHeader(key)获取头部信息，例如判断响应头中是否含有X-Ncrypt，若有则可以对数据进行相应的处理：

// 对于H5和APP-VUE环境
let isNeedTransport = xhr?.getResponseHeader('X-Ncrypt');

二、uni小程序

在uni小程序中，成功的响应头会直接返回，以下是示例代码：

示例图片：（与上述图片相同）

代码示例：

let { data, header } = res || {};
// 对于微信小程序环境
let isNeedTransport = Boolean(header['X-NCRYPT']); // 判断响应头中是否含有X-NCRYPT字段，并进行相应处理。

代码中的图片来源网络，如果涉及到版权问题，请及时通知我进行删除，请确保在实际应用中根据具体情况调整代码，并处理可能出现的异常和错误情况。