Set HTTP Base URLs of Production and Development Environment - Angular 6 / Angular 7

Posted at: December 15, 2018 6:47 PM

If we are developing angular applicatin then we use development and production enviroment. We use REST API for both development and production enviroment. So we should use HTTP base URL in one place for development and production.

In angular application you can see src/environments folder. It contains two files environment.ts and for development and production environment. When we move application development to production then automatically call HTTP base URL.


Set base url in development environment

Set base url in production environment


Import environment into src/app/services/blog.service.ts



You can also replace all server url in following services like above blog.service.ts

  • src/app/auth/auth.service.ts
  • src/app/blogpost/blogpost.service.ts
  • src/app/cmspage/cmspage.service.ts

You can watch video on Set HTTP Base URLs of Production and Development Environment - Angular 6 / Angular 7

Production Environment Development Environment HTTP Base URL

Please click below YouTube button for subscribe my channel truecodex for latest videos.

Angular Project Login - username: admin and password: admin

Angular 6/7 Tutorial in Hindi

Angular 7 is a JavaScript based framework for building web applications and apps in JavaScript, html, and TypeScript, which is a superset of JavaScript, used to create Single Page Applications. provides video tutorial for enough understanding of all the necessary components of Angular 6 and Angular 7. will keep uploading videos of the latest features of Angular. Please subscribe my channel for latest videos.

Please leave comments

Speed Up Your Magento Store by 300%

Angular Templates

React Templates

Magento 2 Templates

truecodex launched free android app. You can download and install truecodex app on your mobile and get notification of the latest post.

Video Tutorials on YouTube