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 environment.prod.ts for development and production environment. When we move application development to production then automatically call HTTP base URL.

environment.ts

Set base url in development environment

environment.prod.ts

Set base url in production environment

blog.service.ts

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

Replace

with

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 RSGiTECH 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.

RSGiTECH provides video tutorial for enough understanding of all the necessary components of Angular 6 and Angular 7.

RSGITECH will keep uploading videos of the latest features of Angular. Please subscribe my channel for latest videos.


Please leave comments

3 Comments

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