Loading during API request by flag?

Question

Vue.js

I have a fairly large number of requests sent in the application.
There are both light ones, which are performed in a fraction of a second, and heavy ones, which require more time to process. I want to make one loader component and manage it in the interceptor, but can I somehow do it so that it is not activated for every request, or maybe by some flag in the requests?

Answer 1

I would make control through the store, and in the store I would modify the value already from the receiving service - for a specific api call.
I would not get attached to the interceptor.
Well, or generally by timeout - if the request lasts more than 100ms - show the loader.
But in general, I would refuse the global blocking loader, and would use small local loaders (blocking / showing skeletons in separate components). And the global interceptor would only be hung on a strip from above, such as done in ajax bar