axios 요청 차단, 응답 차단,router 내비게이션 수위
axios.interceptors.request.use(
function (config) {
// vuex
let user = store.state.userForm;
if (user) config.headers.Authorization = `Bearer ${user.token}`;
return config;
},
function (error) {
return Promise.reject(error);
}
)
axios 응답 차단: 로그인 판단
// ： ，
axios.interceptors.response.use(function (response) {
//
return response;
}, function (error) {
// ，
Vue.prototype.$message.error(' ');
router.push('/login');
return Promise.reject(error);
});
내비게이션 선행 수위beforeEach: 로그인 여부를 판단할 수 있지만, 응답으로 차단하는 것이 좋다
//to：
//from：
//next： ， ，
router.beforeEach((to,from,next)=>{
if(to.path!= '/login') {
let user = window.sessionStorage.getItem('user');
if(user){
//
next();
}else {
// login
next('/login');
}
}else {
next();
}
})
내비게이션 후방 수위: afterEach
router.afterEach((to,from)=>{
})
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
STL 학습노트(6) 함수 객체모방 함수는 모두pass-by-value이다 함수 대상은 값에 따라 전달되고 값에 따라 되돌아오기 때문에 함수 대상은 가능한 한 작아야 한다(대상 복사 비용이 크다) 함수 f와 대상 x, x 대상에서 f를 호출하면:...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
