Comments (4)
I had found a code here
But when I am trying this code, its showing an error like this:
./src/interceptor.js
Line 22:13: 'Services' is not defined no-undef
My code is like
import React, { useState, useEffect } from 'react'
import fetchIntercept from 'fetch-intercept'
const baseurl = process.env.REACT_APP_API_BASE_URL
export const interceptorVariable = fetchIntercept.register({
request: function (url, config) {
var token = localStorage.getItem('loginToken')
// Modify the url or config here
if (url.includes(baseurl)) {
config.headers = { Authorization: token }
}
return [url, config]
},
requestError: function (error) {
// Called when an error occured during another 'request' interceptor call
return Promise.reject(error)
},
response: function (response) {
// Modify the reponse object
// return response
if (response.status == 401) {
Services.refreshToken((res)=>{
console.log("tok",res)
if (res.message == 'success') {
// if token has been refreshed
// recall the request again
}else {
// login again
}
})
}else {
return response;
}
},
responseError: function (error) {
// Handle an fetch error
return Promise.reject(error)
},
})```
from fetch-intercept.
@RaruRvTLeo use Arrow functions instead (just in case you use this in Class component)
response: (response)=> {
//...
},
also you did not import Sevices
from fetch-intercept.
please check
from fetch-intercept.
how to refresh token with multi request.
from fetch-intercept.
Related Issues (20)
- Best way to unit test an interceptor? HOT 1
- Is this still maintained? HOT 3
- Handling refresh token by recall same request after refreshing the token HOT 7
- fetch-intercept in React HOT 1
- Re-use interceptor across multiple files HOT 2
- typing file incorrect HOT 1
- No fetch avaibale. Unable to register fetch-intercept HOT 1
- Don't work together with fetch-mock HOT 1
- How to transform the data?
- Intercepting 401 or responses not working? HOT 1
- Include fetch request inside Response and ResponseError HOT 4
- Headers are not able to add HOT 4
- Possible to use this lib w/ isomorphic-fetch instead of whatwg-fetch? HOT 3
- How to pass in an arbitrary object as state from request to response or error? HOT 3
- How to update the access token during 401 response HOT 3
- TS Type mismatch when response is async function or returns promise HOT 2
- Cannot read property 'fetch' of undefined when running tests in create-react-app HOT 1
- triger cors when work with swr
- How can I read `response.request.body` in `response`? HOT 1
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 fetch-intercept.