vue.js - 刷新令牌后返回请求
问题描述
我正在尝试让刷新令牌工作。
它在大多数情况下都有效,但问题是我不确定如何返回到需要刷新访问令牌之前的原始调用位置。
第一次刷新时它不起作用,之后刷新令牌,然后它再次正常工作,直到它过期。
所以问题是我不能让它回到刷新开始的地方
这是组件中的示例
created(){
axios.get("http://localhost:63861/api/sampledata/WeatherForecasts").then(response => {
console.log(response.data);
//**** DO STUFF WITH THE DATA. I WANT TO GET BACK HERE AFTER REFRESH
})
.catch(error => {
console.log(error);
});
一旦刷新并重置访问令牌,我需要回到它可以处理数据的点。
我的拦截器:
import axios from "axios";
import store from "../store";
import Storage from "../services/storage";
import { REFRESH } from "../store/actions.type";
export default function execute() {
// Request
axios.interceptors.request.use(
config => {
var token = Storage.getAccessToken();
if (token) {
console.log("Bearer " + token);
config.headers["Authorization"] = "Bearer " + token;
}
return config;
},
error => {
return Promise.reject(error);
}
);
// Response
axios.interceptors.response.use(
response => {
return response;
},
error => {
console.log("Error need to refresh");
const originalRequest = error.config;
// token expired
if (error.response.status === 401) {
originalRequest._retry = true;
let tokenModel = {
accessToken: Storage.getAccessToken(),
client: "Web",
refreshToken: Storage.getRefreshToken()
};
var refreshPath = "auth/" + REFRESH;
store
.dispatch(refreshPath, { tokenModel })
.then(response => {
console.log(response);
return axios(originalRequest);
})
.catch(error => {
console.log(error);
// Logout
});
}
return Promise.reject(error);
}
); }
解决方案
您需要返回您的刷新承诺。
return store
.dispatch(refreshPath, { tokenModel })
.then(response => {
console.log(response);
return axios(originalRequest);
})
.catch(error => {
console.log(error);
// Logout
});
现在发生的事情是您调度操作,然后您的操作return Promise.reject(error)
被运行。通过返回刷新承诺,您可以确保 axios 等待该链完成
推荐阅读
- javascript - ipad html5 网络应用程序 - 无法在按钮上单击两次
- ios - 什么是超级视网膜显示器?
- javascript - Javascript获取对象而不是DOM元素
- javascript - 如何使用字符串原型的自定义创建方法?
- php - laravel 创建自定义 url 结构
- java - 如何在 Java 中使用刷新令牌获取访问令牌?
- java - Java 枚举中的 null
- java - 实现 SimpleCursorAdapter 时出错
- java - 报警管理器执行方法
- spring-boot - logback:来自 application.properties 的 FileNamePattern