Building Your First Angular HTTP Interceptor

Angular's HTTP Interceptors are a super powerful way to level up the way you interact with APIs and backends. You can add tokens, logging, handle failures more gracefully, and so much more.
In this video we create our first HTTP Interceptor that appends a token to every API request we make.

[@tanjimashraf803]

I was struggling with interceptors, then I found this video simply just explaining what interceptor is. Thanks for such a straight forward explanation!

[@Gabkets]

one week fighting with this f..in interceptors 😆😆 thank you so much! couldn´t find any documentation on how to add it as a provider correctly.

[@dr.faithadhiambo254]

Thanks for this amazing tutorial

[@nerdiloo9863]

Interesting .. seems similar to service workers (sort of) except SWs don't talk to the UI and live 'outside' the app, whereas interceptors are on the 'inside'. Thanks for the tip, will explore.

[@arjunvijayvargiya4192]

Great tutorial quick to learn the new concept

[@danielhalmstrand2123]

Hello Stephen and thanks for a great tutorial. I hade a question about this interceptor: could it checks for lack of pair of key-value in Params and in that case act upon it?

[@lewispil3529]

great video

[@SohrabRouzbeh]

great video mate! how can i append multiple params?

[@raulalvarado7025]

Great video!!

[@alfredonuada]

Great video man

[@ferlezcano]

Great video! 👌🏼

[@ghury1]

what if i have multiple services, and i want to apply interceptor only for specific api of specific service?

[@sofiam6108]

I get cors error when I try to get from the path. Can someone please help?

[@greekplayback]

Thanks :)
Can you please upload the code to github ?

[@suki5593]

It's simple, you can recreate it. Just use ng new myNewApp to create a new app and then create the interceptor following this video.