ionic not compiling with proxy

To compile an Ionic application when behind a proxy, you can use the following steps:

  1. Set the proxy configuration in your Ionic project. Open your project's package.json file and add the following lines:
"config": {
  "ionic_proxy": "http://your-proxy-url:proxy-port"

Replace "http://your-proxy-url:proxy-port" with the actual URL and port of your proxy server.

  1. Update the ionic.config.json file in your project's root directory. Add the following lines:
"proxies": [
    "path": "/api",
    "proxyUrl": "http://your-api-url"

Replace "http://your-api-url" with the actual URL of your API endpoint.

  1. In your Angular service file, specify the relative URL for your API calls. For example:
import { HttpClient } from '@angular/common/http';

export class MyService {
  constructor(private http: HttpClient) {}

  getData() {
    return this.http.get('/api/data');
  1. Finally, run the Ionic application using the --proxy-config flag and specify the path to the proxy configuration file. For example:
ionic serve --proxy-config proxy.conf.json

Make sure to replace "proxy.conf.json" with the actual path to your proxy configuration file if it is different.

By following these steps, your Ionic application should now compile and work correctly behind a proxy.