reactjs - 使用 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 X 10.14.6

反应原生：0.61.2

反应原生网络视图：7.4.2

Answer 1

你将不得不添加？在 index.php 之后

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 }} />