HI-VPN/hi-frontend
4
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix(auth): support OAuth callbacks with hash router (Fixes #9)

Browse Source
This commit is contained in:
ppanel-web 2026-02-08 08:42:00 +00:00
parent 9f1de03175
commit fee44fa1b2
3 changed files with 59 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
apps/user/public/oauth/google/index.html Normal file
View File

@ -0,0 +1,28 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>OAuth Redirect</title>
<meta http-equiv="refresh" content="0; url=/#/auth" />
<script>
(function () {
try {
// Providers redirect to a path without URL fragments (#). Our app uses hash routing.
// Bridge /oauth/<provider>[/]?... -> /#/oauth/<provider>?...
var path = window.location.pathname || "/";
// Normalize trailing slash so /oauth/google/ and /oauth/google both map to the same route.
path = path.replace(/\/$/, "");
var search = window.location.search || "";
var target = "/#" + path + search;
window.location.replace(target);
} catch (e) {
window.location.replace("/#/auth");
}
})();
</script>
</head>
<body>
Redirecting…
</body>
</html>

27
apps/user/public/oauth/telegram/index.html Normal file
View File

@ -0,0 +1,27 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>OAuth Redirect</title>
<meta http-equiv="refresh" content="0; url=/#/auth" />
<script>
(function () {
try {
// Providers redirect to a path without URL fragments (#). Our app uses hash routing.
// Bridge /oauth/<provider>[/]?... -> /#/oauth/<provider>?...
var path = window.location.pathname || "/";
path = path.replace(/\/$/, "");
var search = window.location.search || "";
var target = "/#" + path + search;
window.location.replace(target);
} catch (e) {
window.location.replace("/#/auth");
}
})();
</script>
</head>
<body>
Redirecting…
</body>
</html>

5
apps/user/src/sections/auth/oauth-methods.tsx
View File

@ -35,7 +35,10 @@ export function OAuthMethods() {
onClick={async () => { onClick={async () => {
const { data } = await oAuthLogin({ const { data } = await oAuthLogin({
method, method,
redirect: `${window.location.origin}/oauth/${method}`, // OAuth providers disallow URL fragments (#) in redirect URIs.
// Use a real path (with trailing slash so static hosting can serve /oauth/<provider>/index.html)
// which then bridges into our hash-router at /#/oauth/<provider>.
redirect: `${window.location.origin}/oauth/${method}/`,
}); });
if (data.data?.redirect) { if (data.data?.redirect) {
window.location.href = data.data?.redirect; window.location.href = data.data?.redirect;