Bir api sunucusundan bir belirteç alan bir react / redux uygulamam var. Kullanıcı kimlik doğrulamasını yaptıktan sonra, tüm axios isteklerinin, eylemdeki her isteğe manuel olarak eklemek zorunda kalmadan bu belirteci bir Yetkilendirme başlığı olarak almasını istiyorum. Tepki verme / yeniden düzenleme konusunda oldukça yeniyim ve en iyi yaklaşımdan emin değilim ve google'da herhangi bir kaliteli hit bulamıyorum.
İşte redux kurulumum:
// actions.js
import axios from 'axios';
export function loginUser(props) {
const url = `https://api.mydomain.com/login/`;
const { email, password } = props;
const request = axios.post(url, { email, password });
return {
type: LOGIN_USER,
payload: request
};
}
export function fetchPages() {
/* here is where I'd like the header to be attached automatically if the user
has logged in */
const request = axios.get(PAGES_URL);
return {
type: FETCH_PAGES,
payload: request
};
}
// reducers.js
const initialState = {
isAuthenticated: false,
token: null
};
export default (state = initialState, action) => {
switch(action.type) {
case LOGIN_USER:
// here is where I believe I should be attaching the header to all axios requests.
return {
token: action.payload.data.key,
isAuthenticated: true
};
case LOGOUT_USER:
// i would remove the header from all axios requests here.
return initialState;
default:
return state;
}
}
Simgem, altındaki redux mağazasında saklanıyor state.session.token.
Nasıl ilerleyeceğim konusunda biraz kayboldum. Kök dizinimdeki bir dosyada bir axios örneği yapmayı ve bunu node_modules yerine güncellemeyi / içe aktarmayı denedim, ancak durum değiştiğinde başlık eklemiyor. Herhangi bir geri bildirim / fikir çok takdir edilmektedir, teşekkürler.