How to manage axios errors globally or from one point
Full error message
I have the standard then/catch axios code all over my app, a simple one goes likes this..
axios.get('/').then( r => {} ).catch( e => {} )
The problem I have with the above is that I have to duplicate the catch() block to handle any potential errors that my be invoked in my app and my questions is, if there is anything I can do to catch the errors globally from on entry point as opposed to using catch everywhere.
I am looking for solutions from either axios side or vue, since my app is built with vueSolutionsource: stackoverflow \u2197
You should use an interceptor. First, create an axios instance using the create method. This is what you would need to use throughout your app instead of referencing axios directly. It would look something like this: let api = axios.create({ baseURL: 'https://example.com/api/', timeout: 1000, headers: {'X-Custom-Header': 'foobar'} }); Then attach an interceptor to your axios instance to be called after the response to each of the requests for that instance: api.interceptors.response.use((response) => response, (error) => { // whatever you want to do with the error throw error; });
API access
Get this solution programmatically \u2014 free, no authentication.
curl https://depscope.dev/api/error/9f5ddc34154aabe7c9aa4212fab622b98bebe8fdb3cd635cc3456022a74fb405hash \u00b7 9f5ddc34154aabe7c9aa4212fab622b98bebe8fdb3cd635cc3456022a74fb405