[Bug]: capacitor native http interceptor breaking requests

[jongbonga]

Capacitor Version

💊   Capacitor Doctor  💊 

Latest Dependencies:

  @capacitor/cli: 5.7.3
  @capacitor/core: 5.7.3
  @capacitor/android: 5.7.3
  @capacitor/ios: 5.7.3

Installed Dependencies:

  @capacitor/cli: 5.7.3
  @capacitor/core: 5.7.3
  @capacitor/android: 5.7.3
  @capacitor/ios: 5.7.3

[success] iOS looking great! 👌
[success] Android looking great! 👌

Other API Details

npm 10.2.3
node v18.19.0
pod 1.14.3

Platforms Affected

• iOS
• Android
• Web

Current Behavior

Since 5.7.1 the http requests are either missing params or adding extra elements to the URL.
The current behaviour is adding localhost/_capacitor_https_interceptor_ to the url on IOS when CapacitorHttp is enabled

using mapbox sdk

using axios

Expected Behavior

Foreign elements shouldn't break the request

Project Reproduction

https://github.com/jongbonga/code-reproduction

Additional Information

No response

[colbymelvin]

I'm noticing the same on iOS / Capacitor 5.7.3.

Notably, the URLs are formatted the same on Android and aren't causing issues, so I have to assume this is an issue with how the native iOS webView code handles these intercepted requests.

[ionitron-bot]

This issue has been labeled as type: bug. This label is added to issues that that have been reproduced and are being tracked in our internal issue tracker.

[jcesarmobile]

the problem is iOS >= 17.2 not allowing to change the protocol from http:/https: to capacitor: so they can't be intercepted

[st474ddr]

@jcesarmobile (Solved)
Maybe I still encounter the same problem.

I want to send a request to Microsoft Graph API.
You could see my request URL is capacitor://oacloud360/_capacitor_https_interceptor_/graph.microsoft.com/v1.0/me/calendar/calendarView?startDateTime=2024-03-24T00:00:00%2B08:00&endDateTime=2024-03-24T23:59:59%2B08:00&$top=50

However, the response showed it got the parameter "startDateTime" was 2024-03-24T00:00:00 08:00.
The "+" or "%2B" has gone.

This problem only occurs on iOS, and my iOS version is 17.4

💊   Capacitor Doctor  💊 

Latest Dependencies:

  @capacitor/cli: 5.7.4
  @capacitor/core: 5.7.4
  @capacitor/android: 5.7.4
  @capacitor/ios: 5.7.4

Installed Dependencies:

  @capacitor/cli: 5.7.4
  @capacitor/ios: 5.7.4
  @capacitor/core: 5.7.4
  @capacitor/android: 5.7.4

[success] iOS looking great! 👌
[success] Android looking great! 👌

--- I have Solved the problem--- (back to commit before 514409a)
I change the code at 'WebViewAssetHandler.swift' (line 154)
Original code urlRequest.url = URL(string: targetUrl.removingPercentEncoding ?? targetUrl)
Changed code urlRequest.url = URL(string: targetUrl)

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Capacitor, please create a new issue and ensure the template is fully filled out.