freeleaps_product/freeleaps_frontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'main' into dev0909

Browse Source
This commit is contained in:
lu tailin 2024-09-11 22:48:42 +08:00
commit 878da11d40
4 changed files with 21 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored
View File

@ -13,4 +13,5 @@ ythe.sh
/logs/
*build*
package-lock.json
.vite
.vite
.idea

4
frontend/src/pages/guest/FrontDoor.vue
View File

@ -57,8 +57,8 @@ export default {
},
methods: {
trySigninWithEmail() {
// Prevent the page from refreshing on form submission
event.preventDefault();
// Prevent the page from refreshing on form submission
event.preventDefault()
this.message = null
if (this.email === null || this.email.length < 1) {
this.message = this.$t('Please type in your email')

8
frontend/src/pages/guest/SigninWithEmailAndPassword.vue
View File

@ -79,12 +79,12 @@ export default {
UserAuthApi.signinByEmail(this.email, this.password)
.then((response) => {
// Extract the necessary data from the response
const { access_token, refresh_token, expires_in } = response.data;
const { access_token, refresh_token, expires_in } = response.data
// Save tokens and expiration time in localStorage
localStorage.setItem('access_token', access_token);
localStorage.setItem('refresh_token', refresh_token);
localStorage.setItem('expires_in', expires_in);
localStorage.setItem('access_token', access_token)
localStorage.setItem('refresh_token', refresh_token)
localStorage.setItem('expires_in', expires_in)
let signinAction = response.data.signin_result
switch (signinAction) {

25
frontend/src/utils/backend/axios.js
View File

@ -1,11 +1,8 @@
import axios from 'axios'
import { jwtDecode } from 'jwt-decode';
import { jwtDecode } from 'jwt-decode'
const backendAxios = axios.create({
baseURL: '',
headers: {
'Content-Type': 'application/json'
}
baseURL: ''
})
// Function to check if the token has expired
@ -34,8 +31,8 @@ backendAxios.interceptors.request.use(
let accessToken = localStorage.getItem('access_token')
let refreshToken = localStorage.getItem('refresh_token')
// Fix: handle the case where localStorage returns 'null' as a string
if (accessToken === 'null') accessToken = null;
if (refreshToken === 'null') refreshToken = null;
if (accessToken === 'null') accessToken = null
if (refreshToken === 'null') refreshToken = null
// Check if the access token is expired
if (accessToken == null || refreshToken == null) {
@ -44,12 +41,16 @@ backendAxios.interceptors.request.use(
if (isTokenExpired(accessToken)) {
try {
// If access token is expired, refresh it using the refresh token
const response = await axios.post('/api/user/signin/refresh-token', {}, {
headers: {
Authorization: `Bearer ${refreshToken}`,
'Content-Type': 'application/json'
const response = await axios.post(
'/api/user/signin/refresh-token',
{},
{
headers: {
Authorization: `Bearer ${refreshToken}`,
'Content-Type': 'application/json'
}
}
});
)
accessToken = response.data.access_token
refreshToken = response.data.refresh_token