@Sujan12 wrote:
I feel pretty stupid right now: Service Proxies seem not to be working for me right now.
I copy the example from here to my
ionic.config.json:
https://github.com/ionic-team/ionic-cli/blob/master/README.md#service-proxies"proxies": [ { "path": "/v1", "proxyUrl": "https://api.instagram.com/v1" } ]Then I run
ionic serve:> ionic serve -b [INFO] Starting app-scripts server: --nobrowser --b --port 8100 --p 8100 --livereload-port 35729 --r 35729 --address 0.0.0.0 - Ctrl+C to cancel [15:37:53] watch started ... [15:37:53] build dev started ... [15:37:53] clean started ... [15:37:53] clean finished in 9 ms [15:37:53] copy started ... [15:37:53] transpile started ... [15:37:57] transpile finished in 4.41 s [15:37:57] preprocess started ... [15:37:57] deeplinks started ... [15:37:57] deeplinks finished in 86 ms [15:37:57] Proxy added:/v1 => https://api.instagram.com/v1 [15:37:58] preprocess finished in 360 ms [15:37:58] webpack started ... [15:37:58] copy finished in 4.98 s [15:38:16] webpack finished in 18.56 s [15:38:16] sass started ... [15:38:20] sass finished in 3.51 s [15:38:20] postprocess started ... [15:38:20] postprocess finished in 11 ms [15:38:20] lint started ... [15:38:20] build dev finished in 26.92 s [15:38:20] watch ready in 27.11 s [15:38:20] dev server running: http://localhost:8100/ [INFO] Development server running Local: http://localhost:8100 [15:38:25] lint finished in 5.54 sYou see that it recognizes the proxy config.
Still, when I request e.g. http://localhost:8100/v1/foo I only get a white page, constructed from this HTML:
<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <!-- Ionic Dev Server: Injected Logger Script --> <script>var IonicDevServerConfig={"sendConsoleLogs":false,"wsPort":53703,"appScriptsVersion":"2.0.0","systemInfo":["Ionic Framework: 3.5.0","Ionic App Scripts: 2.0.0","Angular Core: 4.1.3","Angular Compiler CLI: 4.1.3","Node: 8.1.3","OS Platform: Windows 10"]};</script> <link href="__ion-dev-server/ion-dev.css?v=2.0.0" rel="stylesheet"> <script src="__ion-dev-server/ion-dev.js?v=2.0.0"></script> <script data-ionic="inject"> (function(w){var i=w.Ionic=w.Ionic||{};i.version='3.5.0';i.angular='4.1.3';i.staticDir='build/';})(window); </script> <meta charset="UTF-8"> <title>Ionic App</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="format-detection" content="telephone=no"> <meta name="msapplication-tap-highlight" content="no"> <link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico"> <link rel="manifest" href="manifest.json"> <meta name="theme-color" content="#4e8ef7"> <!-- cordova.js required for cordova apps --> <script src="cordova.js"></script> <!-- un-comment this code to enable service worker <script> if ('serviceWorker' in navigator) { navigator.serviceWorker.register('service-worker.js') .then(() => console.log('service worker installed')) .catch(err => console.error('Error', err)); } </script>--> <link href="build/main.css" rel="stylesheet"> </head> <body> <!-- Ionic's root component and where the app will load --> <ion-app></ion-app> <!-- The polyfills js is generated during the build process --> <script src="build/polyfills.js"></script> <!-- all code from node_modules directory is here --> <script src="build/vendor.js"></script> <!-- The bundle js is generated during the build process --> <script src="build/main.js"></script> <!-- Ionic Dev Server: Injected LiveReload Script --> <script src="//localhost:35729/livereload.js?snipver=1" async="" defer=""></script> </body> </html>Am I missing something?
My ionic info:
global packages:
@ionic/cli-utils : 1.4.0 Cordova CLI : 7.0.1 Ionic CLI : 3.4.0local packages:
@ionic/app-scripts : 2.0.0 @ionic/cli-plugin-cordova : 1.4.0 @ionic/cli-plugin-ionic-angular : 1.3.1 Cordova Platforms : android 6.2.3 Ionic Framework : ionic-angular 3.5.0System:
Node : v8.1.3 OS : Windows 10 Xcode : not installed ios-deploy : not installed ios-sim : not installed npm : 5.0.3
Posts: 3
Participants: 1