Comments (3)
Would you please provide a small replication for this? At first glance it looks good, so it's hard to tell where the problem lies. Which version of the plugin are you using? It might also be helpful to see the call which causes 401.
from axios-auth-refresh.
Thank you for a quick response!
I'm just a fool - I used the wrong syntax for my variables)
This works great!
Just in case, I will publish the correct code - perhaps this will be an example of a quick start for others.
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import vuetify from './plugins/vuetify';
import axios from 'axios';
import createAuthRefreshInterceptor from 'axios-auth-refresh';
Vue.config.productionTip = false;
Vue.prototype.$http = axios;
Vue.prototype.$serverApiLink = 'http://xsph.ru/api/';
function getAccessToken(){
return store.state.authTokens.access
}
// Function that will be called to refresh authorization
const refreshAuthLogic = failedRequest =>
axios.get(Vue.prototype.$serverApiLink+'auth/token/new_access', {headers: {Refresh: store.state.authTokens.refresh}}).then(tokenRefreshResponse => {
window.console.log(store.state.authTokens.refresh);
store.commit('userAuthTokens', tokenRefreshResponse.data.tokens);
failedRequest.response.config.headers['Authorization'] = tokenRefreshResponse.data.tokens.access;
return Promise.resolve();
}).catch(error => (
window.console.log(error.response)
));
// Instantiate the interceptor (you can chain it as it returns the axios instance)
createAuthRefreshInterceptor(axios, refreshAuthLogic);
axios.interceptors.request.use(request => {
request.headers['Authorization'] = getAccessToken();
return request;
});
new Vue({
router,
store,
vuetify,
render: h => h(App)
}).$mount('#app');
from axios-auth-refresh.
Ok. I will close the issue then. Please, consider using StackOverflow for the future implementation help. Thank you.
from axios-auth-refresh.
Related Issues (20)
- response.use will enter twice when retry HOT 2
- Implementation example HOT 1
- onRetry never firing HOT 5
- How to handle a 401 "Refresh token is invalid" error HOT 2
- Request is not being re-triggered after re-auth HOT 2
- Document whether all interceptors are rerun after refresh HOT 1
- Each call is getting duplicated HOT 1
- Interceptors fail to assign new token on second failure HOT 2
- Docs: Provide example for server-side axios requests nuxt HOT 1
- multiple axios instance. don't need to reqeuest refresh api multiple times
- Retry of the original request fails only if GET request HOT 4
- Axios auth refresh doesn't work with axios v1.1.3 HOT 7
- Resend request with multipart/formdata
- async shouldRefresh
- combine refresh token logic with another axios response interceptor
- Multiple Request Pause is not working HOT 2
- import('axios-auth-refresh') wraped with default HOT 2
- Problem using axios-auth-refresh with react-query HOT 2
- React Native 0.72.1 ? HOT 1
- 12
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from axios-auth-refresh.