在FlutterWeb中使用httppost獲取用于RazorpayAPI呼叫的XMLHttpRequest錯誤

我在 Flutter Web 中使用過去 4 天的 http 帖子呼叫 Razorpay API 時遇到 XMLHttpRequest 錯誤，我在整個互聯網上進行了搜索，但在我的情況下沒有解決方案。

下面是我使用 http: ^0.13.4 包的 Post 請求代碼：

Future<String> postRequest(String amount) async {
    var url = Uri.parse('https://api.razorpay.com/v1/orders');
    var key = 'rzp_test_Xx7Zw7hLfzozf6';
    var secret = '7PgbvLaODVzRbb9oRcaqCZMi';
    var auth = 'Basic '   base64Encode(utf8.encode('$key:$secret'));
    print(auth);

    var body = json
        .encode({"amount": 50000, "currency": "INR", "receipt": "rcptid_11"});

    var id = DateTime.now().millisecondsSinceEpoch.remainder(100000).toString();

    var client = http.Client();
    var response = await client.post(
      url,
      headers: {
        'Content-Type': 'application/json',
        'Authorization': auth,
      },
      body: body,
    );

    print(json.decode(response.body));
    return json.decode(response.body);
  }

卷曲命令：

curl  -X POST https://api.razorpay.com/v1/orders-u <YOUR_KEY_ID>:<YOUR_SECRET>-H 'content-type:application/json'-d '{    "amount": 50000,    "currency": "INR",    "receipt": "rcptid_11"}'

完整的錯誤：

    Error: XMLHttpRequest error.
    C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/_internal/js_dev_runtime/patch/core_patch.dart 906:28                get current
packages/http/src/browser_client.dart 69:22                                                                                    <fn>
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/zone.dart 1687:54                                              runUnary
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/future_impl.dart 160:18                                        handleValue
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/future_impl.dart 767:44                                        handleValueCallback
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/future_impl.dart 796:13                                        _propagateToListeners       
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/future_impl.dart 593:7                                         [_complete]
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/stream_pipe.dart 61:11                                         _cancelAndValue
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/stream.dart 1288:7                                             <fn>
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/operations.dart 334:14  _checkAndCall
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/operations.dart 339:39  dcall
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/html/dart2js/html_dart2js.dart 37254:58                              <fn>


    at Object.createErrorWithStack (http://localhost:62444/dart_sdk.js:5076:12)
    at Object._rethrow (http://localhost:62444/dart_sdk.js:40477:16)
    at async._AsyncCallbackEntry.new.callback (http://localhost:62444/dart_sdk.js:40473:13)
    at Object._microtaskLoop (http://localhost:62444/dart_sdk.js:40330:13)
    at _startMicrotaskLoop (http://localhost:62444/dart_sdk.js:40336:13)
    at http://localhost:62444/dart_sdk.js:35811:9

我已經通過互聯網嘗試了所有解決方案，但沒有任何效果。

uj5u.com熱心網友回復：

這有點 CORS 錯誤的味道，所以我只是將您的代碼粘貼到 Dartpad，打開 Chrome 控制臺并點擊運行。正如預期的那樣，這是一個 CORS 錯誤。

然后下一步是 search api razorpay cors，它拋出了一堆結果都抱怨相同的錯誤（都沒有解決方案 - 這不是好兆頭 - 通常意味著沒有解決方案）。

下一步是要注意，沒有像樣的支付 API 會讓您將憑據包含到客戶端應用程式中，尤其是瀏覽器應用程式。對 Chrome 控制臺中的標頭進行簡單檢查即可顯示您的用戶名/密碼憑據。這意味著您錯誤地使用了 API。

通過查看 Razorpay網站可以快速確認這一點，該網站確認該orderapi 是一個服務器-服務器 api。另一個線索是這個 api 的所有示例代碼都使用 PHP、Java、Node.js 等語言 - 即用于后端。

答：您不能從 Flutter 應用中呼叫此 API。它必須從您的后端呼叫。

標籤：

上一篇：關聯陣列鍵數

下一篇：如何在不使用Safari瀏覽器上的CSS的情況下不在HTML<details>中顯示箭頭