使用React Native WebView获取“来源：错误”

Question

我正在尝试通过具有以下代码的POST方法在React Native WebView中加载屏幕：

<WebView source={{
    uri: 'https://esqa.moneris.com/HPPDP/index.php',
    method: 'POST',
    body: 'hpp_id='+preloadResponse.hpp_id+'&hpp_preload&ticket='+preloadResponse.ticket,
    }}
/>

它将以下错误输出到我的屏幕：

当我记录传递到body的值时，它会输出hpp_id=4TP6Htore3&hpp_preload&ticket=hpp1572015949qD9N3OayJYtdVQvA7，这是我所期望的。

OS：OS X 10.14.6

本机：0.61.2

react-native-webview：7.4.2

Answer 1

https://esqa.moneris.com/HPPDP/index.php?

最佳做法是为URL创建变量，因为您为查询参数提供的不是POST请求的正文数据。

const uri = `https://esqa.moneris.com/HPPDP/index.php?hpp_id=${preloadResponse.hpp_id}&hpp_preload&ticket=${preloadResponse.ticket}`;

<WebView source={{ uri }} />