时间戳

首页 > 解决方案 > 在发送到 Web 视图的反应 js 应用程序中获取标头值

reactjs - 在发送到 Web 视图的反应 js 应用程序中获取标头值

问题描述

我正在开发一个应用程序，其中管理面板是用 ReactJs 构建的，而应用程序是用 react native 构建的，除了需要在 webview 中从 react native 应用程序打开的管理页面上的身份验证外，两者都工作正常。

这个应用程序是一个客户管理系统，每个客户都有一个 qr 码，android 应用程序扫描 qr 码并在 webview 中为该客户打开一个 url，打开 webview 我使用以下代码可以正常工作

<View style={styles.container}>
  <WebView
    bounces={false}
    scalesPageToFit={true}
    ref={webView => (this.webView = webView)}
    javaScriptEnabled={true}
    domStorageEnabled={true}
    allowUniversalAccessFromFileURLs={true}
    source={{
      uri: webUrl,
      headers: {
        "x-auth-token": UserSession.getToken()
      },
      method: "GET"
    }}
  />
</View>

上面的代码打开了管理面板，但是在登录页面中，我尝试在反应应用程序中收集传递的令牌，将其作为 api 请求标头发送以进行身份​​验证，但是没有 xmlhttprequest 就无法收集标头。

有没有办法从标头中获取令牌值并使用它？

标签： reactjsreact-nativeheader

解决方案

推荐阅读