imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Refresh Token in processes.

Browse Source
This commit is contained in:
chiayin
2024-01-22 10:46:24 +08:00
parent c64ba68135
commit a93ee122d0
2 changed files with 26 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/stores/login.js
View File

@@ -12,9 +12,9 @@ export default defineStore('loginStore', {
password: '',
refresh_token: ''
},
refreshToken: '',
isInvalid: false,
userData: {},
// expired: new Date().setMonth(6), // 設定 Refresh Token 的到期日為半年後
}),
actions: {
/**
@@ -32,17 +32,12 @@ export default defineStore('loginStore', {
try {
const response = await axios.post(api, this.auth, config);
const accessToken = response.data.access_token;
const refreshToken = response.data.refresh_token;
this.refreshToken = response.data.refresh_token;
// 將 token 儲存在 cookie
document.cookie = `luciaToken=${accessToken};`;
// // 取得當前日期
// const currentDate = new Date();
// // 設定 cookie 的過期日期為一天後
// const expirationDate = new Date();
// expirationDate.setDate(currentDate.getDate() + 1);
// // 格式化過期日期為 Cookie 格式
// const expires = expirationDate.toUTCString();
document.cookie = `luciaToken=${accessToken}`;
// document.cookie = `luciaRefreshToken=${refreshToken};expires=${new Date(this.expired)};`;
this.$router.push('/files');
} catch(error) {
this.isInvalid = true;
@@ -53,16 +48,25 @@ export default defineStore('loginStore', {
*/
async refreshTokenLogin() {
const api = '/api/oauth/token';
this.auth.grant_type = 'refresh_token';
this.auth.refresh_token = this.refreshToken;
const refreshToken = document.cookie.replace(/(?:(?:^|.*;\s*)luciaRefreshToken\s*\=\s*([^;]*).*$)|^.*$/, "$1");
console.log(document.cookie);
try {
const response = await axios.post(api, this.auth, config);
const newAccessToken = response.data.access_token;
document.cookie = `luciaToken=${newAccessToken};`;
} catch(error) {
this.$router.push('/login');
}
this.auth.grant_type = 'refresh_token';
this.auth.refresh_token = refreshToken;
// try {
// const response = await axios.post(api, this.auth, config);
// const newAccessToken = response.data.access_token;
// const newRefreshToken = response.data.refresh_token;
// document.cookie = `luciaToken=${newAccessToken}`;
// document.cookie = `luciaRefreshToken=${newRefreshToken};expires=${this.expired}`;
// defaults.headers.common['Authorization'] = `Bearer ${newAccessToken}`;
// } catch(error) {
// this.$router.push('/login');
// }
},
/**
* Logout, tooken expired