feat: 增加开发模式 URL 免登录
- 新增 dev-only 且仅限本机访问的 admin 免登入口 - 管理端支持通过 ?devLogin=admin 自动换取登录态并清理 URL 参数 - 删除未受保护的临时 token 接口并补充关键单测
This commit is contained in:
@@ -1,14 +1,19 @@
|
||||
import type {Router} from 'vue-router';
|
||||
import type { Router } from 'vue-router';
|
||||
|
||||
import {LOGIN_PATH} from '@easyflow/constants';
|
||||
import {preferences} from '@easyflow/preferences';
|
||||
import {useAccessStore, useUserStore} from '@easyflow/stores';
|
||||
import {startProgress, stopProgress} from '@easyflow/utils';
|
||||
import { LOGIN_PATH } from '@easyflow/constants';
|
||||
import { preferences } from '@easyflow/preferences';
|
||||
import { useAccessStore, useUserStore } from '@easyflow/stores';
|
||||
import { startProgress, stopProgress } from '@easyflow/utils';
|
||||
|
||||
import {accessRoutes, coreRouteNames} from '#/router/routes';
|
||||
import {useAuthStore} from '#/store';
|
||||
import { accessRoutes, coreRouteNames } from '#/router/routes';
|
||||
import { useAuthStore } from '#/store';
|
||||
|
||||
import {generateAccess} from './access';
|
||||
import { generateAccess } from './access';
|
||||
import {
|
||||
getDevLoginAccount,
|
||||
removeDevLoginQuery,
|
||||
shouldAttemptDevLogin,
|
||||
} from './dev-login';
|
||||
|
||||
interface NetworkConnectionLike {
|
||||
effectiveType?: string;
|
||||
@@ -121,10 +126,59 @@ function setupCommonGuard(router: Router) {
|
||||
* @param router
|
||||
*/
|
||||
function setupAccessGuard(router: Router) {
|
||||
let devLoginPromise: null | Promise<void> = null;
|
||||
|
||||
router.beforeEach(async (to, from) => {
|
||||
const accessStore = useAccessStore();
|
||||
const userStore = useUserStore();
|
||||
const authStore = useAuthStore();
|
||||
const devLoginAccount = getDevLoginAccount(to.query);
|
||||
|
||||
const resolveCleanFullPath = () =>
|
||||
router.resolve({
|
||||
hash: to.hash,
|
||||
path: to.path,
|
||||
query: removeDevLoginQuery(to.query),
|
||||
}).fullPath;
|
||||
|
||||
if (devLoginAccount && import.meta.env.DEV && accessStore.accessToken) {
|
||||
return resolveCleanFullPath();
|
||||
}
|
||||
|
||||
if (
|
||||
shouldAttemptDevLogin({
|
||||
account: devLoginAccount,
|
||||
hasAccessToken: !!accessStore.accessToken,
|
||||
isDev: import.meta.env.DEV,
|
||||
})
|
||||
) {
|
||||
const account = devLoginAccount;
|
||||
try {
|
||||
devLoginPromise ??= authStore
|
||||
.authDevLogin(account ?? '')
|
||||
.then(() => undefined)
|
||||
.finally(() => {
|
||||
devLoginPromise = null;
|
||||
});
|
||||
await devLoginPromise;
|
||||
const cleanFullPath = resolveCleanFullPath();
|
||||
if (window.location.search.includes('devLogin=')) {
|
||||
window.location.replace(cleanFullPath);
|
||||
return false;
|
||||
}
|
||||
return cleanFullPath;
|
||||
} catch {
|
||||
const cleanFullPath = resolveCleanFullPath();
|
||||
return {
|
||||
path: LOGIN_PATH,
|
||||
query:
|
||||
cleanFullPath === preferences.app.defaultHomePath
|
||||
? {}
|
||||
: { redirect: encodeURIComponent(cleanFullPath) },
|
||||
replace: true,
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
// 基本路由,这些路由不需要进入权限拦截
|
||||
if (coreRouteNames.includes(to.name as string)) {
|
||||
@@ -147,13 +201,17 @@ function setupAccessGuard(router: Router) {
|
||||
|
||||
// 没有访问权限,跳转登录页面
|
||||
if (to.fullPath !== LOGIN_PATH) {
|
||||
const cleanFullPath =
|
||||
devLoginAccount && import.meta.env.DEV
|
||||
? resolveCleanFullPath()
|
||||
: to.fullPath;
|
||||
return {
|
||||
path: LOGIN_PATH,
|
||||
// 如不需要,直接删除 query
|
||||
query:
|
||||
to.fullPath === preferences.app.defaultHomePath
|
||||
cleanFullPath === preferences.app.defaultHomePath
|
||||
? {}
|
||||
: { redirect: encodeURIComponent(to.fullPath) },
|
||||
: { redirect: encodeURIComponent(cleanFullPath) },
|
||||
// 携带当前跳转的页面,登录后重新跳转该页面
|
||||
replace: true,
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user