使用 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

react-native：0.61.2

反应原生网络视图：7.4.2

Answer 1

你将不得不添加？ 索引后.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 }} />