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

by

UPDATE 2022

The officially recommended approach is now the one documented here

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

More Related Contents:

  1. How to upgrade Angular CLI to the latest version
  2. How to bundle an Angular app for production
  3. Could not find module “@angular-devkit/build-angular”
  4. How to add bootstrap to an angular-cli project
  5. How do I support Internet Explorer in an Angular 8 application?
  6. How to add font-awesome to Angular 2 + CLI project
  7. how to format date in Component of angular 5
  8. Angular-CLI proxy to backend doesn’t work
  9. How to decrease prod bundle size?
  10. angular-cli where is webpack.config.js file – new angular6 does not support ng eject
  11. What’s the difference between –base-href and –deploy-url parameters of angular-cli tool
  12. ng: command not found while creating new project using angular-cli
  13. Get angular-cli to ng serve over HTTPS
  14. Dynamically load HTML template in angular2
  15. How to undo Angular 2 Cli ng-eject?
  16. How to install a specific version of Angular with Angular CLI?
  17. Angular 6 – Could not find module “@angular-devkit/build-angular”
  18. Cannot find name ‘require’ after upgrading to Angular4
  19. @types/googlemaps/index.d.ts’ is not a module
  20. When to use ‘npm start’ and when to use ‘ng serve’?
  21. Implementing a plugin architecture / plugin system / pluggable framework in Angular 2, 4, 5, 6
  22. Avoiding relative paths in Angular CLI
  23. How to add Web Animations API polyfill to an Angular 2 project created with Angular CLI
  24. How to execute only one test spec with angular-cli
  25. Syntax Error in Angular App: Unexpected token
  26. Angular 8 ng-build throwing MIME error with cordova
  27. Angular4 APP_INITIALIZER won’t delay initialization
  28. Using Angular CLI and unable to use relative image paths in CSS files
  29. Angular5: Deploying Angular application to multiple clients
  30. How to generate components in a specific folder with Angular CLI?

Leave a Comment