[Solved] How can you configure different API endpoints for development and production in an Angular project? — Ans: Use src/environments/environment.ts and environment.prod.ts with file... | Angular

Angular - Fundamentals

How can you configure different API endpoints for development and production in an Angular project?

ASet URLs in package.json scripts

BHardcode URLs in app.component.ts and switch manually

CStore URLs in src/assets/api.json and read at runtime

DUse src/environments/environment.ts and environment.prod.ts with file replacements in angular.json

Step-by-Step Solution

Solution:

Step 1: Identify environment config usage
Angular uses environment.ts files for different builds, replaced via angular.json settings.
Step 2: Reject other options
Hardcoding is error-prone, assets are static files not config, package.json scripts don't manage runtime URLs.
Final Answer:
Use src/environments/environment.ts and environment.prod.ts with file replacements in angular.json -> Option D
Quick Check:
Environment files + angular.json file replacements manage API URLs [OK]

Quick Trick: Use environment files and angular.json for API URL switching [OK]

Common Mistakes:

Master "Fundamentals" in Angular

9 interactive learning modes - each teaches the same concept differently

More Angular Quizzes

How can you configure different API endpoints for development and production in an Angular project?