While opening pdf file in mobile app getting this error failed to load resource: net::ERR_CLEARTEXT_NOT_PERMITTED

I’m developing a mobile app. in mobile app working on pdf viewers while opening pdf in my mobile app getting this error. the pdf URL getting from API from another server. but the pdf file working fine in the chrome browser.

The pdf file working fine in the chrome browser.

This is my network security config

<?xml version="1.0" encoding="utf-8"?>
   <trust-anchors>

       <certificates src="system" />

   </trust-anchors>
<domain-config cleartextTrafficPermitted="true">

    <domain includeSubdomains="true">pragyay.com</domain>

    <domain includeSubdomains="true">localhost</domain>

</domain-config>

This is my config.xml

<?xml version='1.0' encoding='utf-8'?>
<name>Pragyay</name>

<description>An awesome Ionic/Cordova app.</description>

<author email="hi@ionicframework.com" href="http://ionicframework.com/">Ionic Framework Team</author>

<content original-src="index.html" src="http://localhost:8100" />

<allow-intent href="http://*/*" />

<allow-intent href="https://*/*" />

<allow-intent href="tel:*" />

<allow-intent href="sms:*" />

<allow-intent href="mailto:*" />

<allow-intent href="geo:*" />

<preference name="ScrollEnabled" value="false" />

<preference name="android-minSdkVersion" value="21" />

<preference name="android-targetSdkVersion" value="28" />

<preference name="BackupWebStorage" value="none" />

<preference name="SplashMaintainAspectRatio" value="true" />

<preference name="FadeSplashScreenDuration" value="300" />

<preference name="SplashShowOnlyFirstTime" value="false" />

<preference name="SplashScreen" value="screen" />

<preference name="SplashScreenDelay" value="3000" />

<platform name="android">

    <edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application" xmlns:android="http://schemas.android.com/apk/res/android">

        <application android:networkSecurityConfig="@xml/network_security_config" />

    </edit-config>

    <allow-intent href="http:///" launch-external="yes" />

    <allow-intent href="https:///" launch-external="yes" />

    <resource-file src="resources/android/xml/network_security_config.xml" target="app/src/main/res/xml/network_security_config.xml" />

    <allow-intent href="market:*" />

    <icon density="ldpi" src="resources/android/icon/drawable-ldpi-icon.png" />

    <icon density="mdpi" src="resources/android/icon/drawable-mdpi-icon.png" />

    <icon density="hdpi" src="resources/android/icon/drawable-hdpi-icon.png" />

    <icon density="xhdpi" src="resources/android/icon/drawable-xhdpi-icon.png" />

    <icon density="xxhdpi" src="resources/android/icon/drawable-xxhdpi-icon.png" />

    <icon density="xxxhdpi" src="resources/android/icon/drawable-xxxhdpi-icon.png" />

    <splash density="land-ldpi" src="resources/android/splash/drawable-land-ldpi-screen.png" />

    <splash density="land-mdpi" src="resources/android/splash/drawable-land-mdpi-screen.png" />

    <splash density="land-hdpi" src="resources/android/splash/drawable-land-hdpi-screen.png" />

    <splash density="land-xhdpi" src="resources/android/splash/drawable-land-xhdpi-screen.png" />

    <splash density="land-xxhdpi" src="resources/android/splash/drawable-land-xxhdpi-screen.png" />

    <splash density="land-xxxhdpi" src="resources/android/splash/drawable-land-xxxhdpi-screen.png" />

    <splash density="port-ldpi" src="resources/android/splash/drawable-port-ldpi-screen.png" />

    <splash density="port-mdpi" src="resources/android/splash/drawable-port-mdpi-screen.png" />

    <splash density="port-hdpi" src="resources/android/splash/drawable-port-hdpi-screen.png" />

    <splash density="port-xhdpi" src="resources/android/splash/drawable-port-xhdpi-screen.png" />

    <splash density="port-xxhdpi" src="resources/android/splash/drawable-port-xxhdpi-screen.png" />

    <splash density="port-xxxhdpi" src="resources/android/splash/drawable-port-xxxhdpi-screen.png" />

</platform>

<platform name="ios">

    <allow-intent href="itms:*" />

    <allow-intent href="itms-apps:*" />

    <icon height="57" src="resources/ios/icon/icon.png" width="57" />

    <icon height="114" src="resources/ios/icon/icon@2x.png" width="114" />

    <icon height="29" src="resources/ios/icon/icon-small.png" width="29" />

    <icon height="58" src="resources/ios/icon/icon-small@2x.png" width="58" />

    <icon height="87" src="resources/ios/icon/icon-small@3x.png" width="87" />

    <icon height="20" src="resources/ios/icon/icon-20.png" width="20" />

    <icon height="40" src="resources/ios/icon/icon-20@2x.png" width="40" />

    <icon height="60" src="resources/ios/icon/icon-20@3x.png" width="60" />

    <icon height="48" src="resources/ios/icon/icon-24@2x.png" width="48" />

    <icon height="55" src="resources/ios/icon/icon-27.5@2x.png" width="55" />

    <icon height="29" src="resources/ios/icon/icon-29.png" width="29" />

    <icon height="58" src="resources/ios/icon/icon-29@2x.png" width="58" />

    <icon height="87" src="resources/ios/icon/icon-29@3x.png" width="87" />

    <icon height="40" src="resources/ios/icon/icon-40.png" width="40" />

    <icon height="80" src="resources/ios/icon/icon-40@2x.png" width="80" />

    <icon height="120" src="resources/ios/icon/icon-40@3x.png" width="120" />

    <icon height="88" src="resources/ios/icon/icon-44@2x.png" width="88" />

    <icon height="50" src="resources/ios/icon/icon-50.png" width="50" />

    <icon height="100" src="resources/ios/icon/icon-50@2x.png" width="100" />

    <icon height="60" src="resources/ios/icon/icon-60.png" width="60" />

    <icon height="120" src="resources/ios/icon/icon-60@2x.png" width="120" />

    <icon height="180" src="resources/ios/icon/icon-60@3x.png" width="180" />

    <icon height="72" src="resources/ios/icon/icon-72.png" width="72" />

    <icon height="144" src="resources/ios/icon/icon-72@2x.png" width="144" />

    <icon height="76" src="resources/ios/icon/icon-76.png" width="76" />

    <icon height="152" src="resources/ios/icon/icon-76@2x.png" width="152" />

    <icon height="167" src="resources/ios/icon/icon-83.5@2x.png" width="167" />

    <icon height="172" src="resources/ios/icon/icon-86@2x.png" width="172" />

    <icon height="196" src="resources/ios/icon/icon-98@2x.png" width="196" />

    <icon height="1024" src="resources/ios/icon/icon-1024.png" width="1024" />

    <splash height="480" src="resources/ios/splash/Default~iphone.png" width="320" />

    <splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640" />

    <splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" />

    <splash height="768" src="resources/ios/splash/Default-Landscape~ipad.png" width="1024" />

    <splash height="1125" src="resources/ios/splash/Default-Landscape-2436h.png" width="2436" />

    <splash height="1242" src="resources/ios/splash/Default-Landscape-736h.png" width="2208" />

    <splash height="2048" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" />

    <splash height="1536" src="resources/ios/splash/Default-Landscape@2x~ipad.png" width="2048" />

    <splash height="2732" src="resources/ios/splash/Default-Portrait@~ipadpro.png" width="2048" />

    <splash height="2048" src="resources/ios/splash/Default-Landscape@~ipadpro.png" width="2732" />

    <splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" />

    <splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" />

    <splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242" />

    <splash height="2436" src="resources/ios/splash/Default-2436h.png" width="1125" />

    <splash height="2732" src="resources/ios/splash/Default@2x~universal~anyany.png" width="2732" />

</platform>

<plugin name="cordova-plugin-whitelist" spec="1.3.3" />

<plugin name="cordova-plugin-statusbar" spec="2.4.2" />

<plugin name="cordova-plugin-device" spec="2.0.2" />

<plugin name="cordova-plugin-splashscreen" spec="5.0.2" />

<plugin name="cordova-plugin-ionic-webview" spec="^4.0.0" />

<plugin name="cordova-plugin-ionic-keyboard" spec="^2.0.5" />

<allow-navigation href="http://localhost:8101" sessionid="166cb010" />

<allow-navigation href="http://localhost:8100" sessionid="5a0fba7d" />

This is my package JSON

{

“name”: “king”,

“version”: “0.0.1”,

“author”: “Amit kumar”,

“homepage”: “https://ionicframework.com/”,

“scripts”: {

"ng": "ng",

"start": "ionic cordova run browser -l",

"ionic-start": "ionic cordova run browser -l",

"build": "ng build",

"test": "ng test",

"lint": "ng lint",

"e2e": "ng e2e"

},

“private”: true,

“dependencies”: {

"@angular/animations": "^10.0.3",

"@angular/common": "~8.2.14",

"@angular/core": "~8.2.14",

"@angular/forms": "~8.2.14",

"@angular/platform-browser": "~8.2.14",

"@angular/platform-browser-dynamic": "~8.2.14",

"@angular/router": "~8.2.14",

"@capacitor/core": "2.0.2",

"@ionic-native/android-permissions": "^5.26.0",

"@ionic-native/core": "^5.0.7",

"@ionic-native/document-viewer": "^5.28.0",

"@ionic-native/downloader": "^5.26.0",

"@ionic-native/file": "^5.28.0",

"@ionic-native/file-opener": "^5.28.0",

"@ionic-native/file-transfer": "^5.28.0",

"@ionic-native/in-app-browser": "^5.26.0",

"@ionic-native/onesignal": "^5.28.0",

"@ionic-native/preview-any-file": "^5.27.0",

"@ionic-native/splash-screen": "^5.0.0",

"@ionic-native/status-bar": "^5.0.0",

"@ionic-native/unique-device-id": "^5.32.0",

"@ionic/angular": "^5.0.0",

"chart.js": "^2.9.3",

"classlist.js": "1.1.20150312",

"cordova-browser": "6.0.0",

"cordova-plugin-android-permissions": "^1.0.2",

"cordova-plugin-device": "2.0.2",

"cordova-plugin-document-viewer": "^0.9.13",

"cordova-plugin-file": "^6.0.2",

"cordova-plugin-file-opener2": "^3.0.5",

"cordova-plugin-file-transfer": "^1.7.1",

"cordova-plugin-ionic-keyboard": "^2.0.5",

"cordova-plugin-ionic-webview": "^4.0.0",

"cordova-plugin-preview-any-file": "^0.1.6",

"cordova-plugin-privacyscreen": "^0.4.0",

"cordova-plugin-splashscreen": "5.0.2",

"cordova-plugin-statusbar": "2.4.2",

"cordova-plugin-whitelist": "1.3.3",

"core-js": "^2.5.4",

"integrator-cordova-plugin-downloader": "^1.1.0",

"js-sha512": "^0.8.0",

"lodash": "^4.17.15",

"ng2-pdf-viewer": "^6.3.2",

"ngx-embed-video": "^1.0.4",

"onesignal-cordova-plugin": "^2.11.1",

"pdfjs-dist": "^2.5.207",

"primeicons": "^4.0.0",

"primeng": "^9.1.3",

"rxjs": "~6.5.1",

"tslib": "^1.9.0",

"web-animations-js": "^2.3.2",

"zone.js": "0.10.3"

},

“devDependencies”: {

"@angular-devkit/build-angular": "~0.803.20",

"@angular/cli": "~8.3.23",

"@angular/compiler": "~8.2.14",

"@angular/compiler-cli": "~8.2.14",

"@angular/language-service": "~8.2.14",

"@capacitor/cli": "2.0.2",

"@ionic/angular-toolkit": "^2.1.1",

"@types/jasmine": "~3.3.8",

"@types/jasminewd2": "~2.0.3",

"@types/lodash": "^4.14.152",

"@types/node": "~8.9.4",

"codelyzer": "^5.0.0",

"cordova-android": "^9.1.0",

"cordova-plugin-device": "^2.0.2",

"cordova-plugin-inappbrowser": "^4.0.0",

"cordova-plugin-ionic-keyboard": "^2.2.0",

"cordova-plugin-ionic-webview": "^4.2.1",

"cordova-plugin-splashscreen": "^5.0.2",

"cordova-plugin-statusbar": "^2.4.2",

"cordova-plugin-uniquedeviceid": "^1.3.2",

"cordova-plugin-whitelist": "^1.3.3",

"jasmine-core": "~3.4.0",

"jasmine-spec-reporter": "~4.2.1",

"karma": "~4.1.0",

"karma-chrome-launcher": "~2.2.0",

"karma-coverage-istanbul-reporter": "~2.0.1",

"karma-jasmine": "~2.0.1",

"karma-jasmine-html-reporter": "^1.4.0",

"protractor": "~5.4.0",

"ts-node": "~7.0.0",

"tslint": "~5.15.0",

"typescript": "~3.4.3"

},

“description”: “An Ionic project”,

“cordova”: {

"plugins": {

  "cordova-plugin-whitelist": {},

  "cordova-plugin-statusbar": {},

  "cordova-plugin-device": {},

  "cordova-plugin-splashscreen": {},

  "cordova-plugin-ionic-webview": {

    "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"

  },

  "cordova-plugin-ionic-keyboard": {},

  "cordova-plugin-file-transfer": {},

  "integrator-cordova-plugin-downloader": {},

  "cordova-plugin-file": {},

  "cordova-plugin-android-permissions": {},

  "cordova-plugin-preview-any-file": {},

  "cordova-plugin-privacyscreen": {},

  "cordova-plugin-file-opener2": {

    "ANDROID_SUPPORT_V4_VERSION": "27.+"

  },

  "cordova-plugin-document-viewer": {},

  "onesignal-cordova-plugin": {},

  "cordova-plugin-inappbrowser": {},

  "cordova-plugin-uniquedeviceid": {}

},

"platforms": [

  "browser",

  "android"

]

}

}

This is the error getting in the mobile app.