angular-cli server - how to proxy API requests to another server?

Question

With the angular-cli ng serve local dev server, it's serving all the static files from my project directory.

How can I proxy my AJAX calls to a different server?

Answer 1

UPDATE 2017

Better documentation is now available and you can use both JSON and JavaScript based configurations: angular-cli documentation proxy

sample https proxy configuration

{
  "/angular": {
     "target":  {
       "host": "github.com",
       "protocol": "https:",
       "port": 443
     },
     "secure": false,
     "changeOrigin": true,
     "logLevel": "info"
  }
}

---

To my knowledge with Angular 2.0 release setting up proxies using .ember-cli file is not recommended. official way is like below

1. edit "start" of your package.json to look below

   "start": "ng serve --proxy-config proxy.conf.json",

2. create a new file called proxy.conf.json in the root of the project and inside of that define your proxies like below

   {
     "/api": {
       "target": "http://api.yourdomai.com",
       "secure": false
     }
   }
   

3. Important thing is that you use npm start instead of ng serve

Read more from here : Proxy Setup Angular 2 cli