How to change api url programatically in angular 2 / 4 /5

Question

My question is similar to this one here, I'm creating a new question because I can't comment: How to store the root url of api in angular 4 app?

I like Mike Kovetsky`s answer but I'm not too sure on how to implement in my case, basically I want the user to be able to change the endpoints (pre selected through config files).

So, how can I change API_URL programmatically?

it's the InjectionToken with the API URL from Mike's answer. It's a fixed URL based on the environment (dev, prod), I want to have multiple urls in dev & prod and have the ability to switch between them. Like this: {provide: API_URL, useValue: environment.apiUrl} — Rafael Farias
– Rafael Farias, Commented Jan 19, 2018 at 14:41
It would be easier to use a service that provides that URLs using getters and then depending on a property of the service return different values. Then you just need to set that property to configure the URLs. You can also use something like stackoverflow.com/questions/35655361/… to ensure it is set before any code in services or components is executed. — Günter Zöchbauer
– Günter Zöchbauer, Commented Jan 19, 2018 at 14:53

Rafael Farias · Accepted Answer · 2018-01-22 09:23:22Z

1

I've end up setting up logic inside my interceptor to switch the endpoints, not sure if it's the best solution but will work for the moment.

answered Jan 22, 2018 at 9:23

Rafael Farias

414 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to change api url programatically in angular 2 / 4 /5

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related