Programmiererforum

import React, { useEffect } from "react";
import { useRouter } from "next/router";
import axios from "axios";

const getToken = async (code) => {
try {
const response = await axios.post(
`${process.env.NEXT_PUBLIC_OAUTH_AUTH_SERVER}/oauth/token`,
{
grant_type: "authorization_code",
client_id: process.env.NEXT_PUBLIC_OAUTH_CLIENT_ID,
client_secret: process.env.NEXT_PUBLIC_OAUTH_CLIENT_SECRET,
redirect_uri: process.env.NEXT_PUBLIC_OAUTH_CLIENT_REDIRECT,
code: code,
}
);
return response;
} catch (error) {
return error;
}
};
const callback = () => {
const router = useRouter();
const { code } = router.query;
useEffect(() => {
if (code) {
getToken(code)
.then((response) => {
console.log(response);
})
.catch((error) => {
console.log(error);
});
}
}, [code]);

return Logging you in ....;
};

export default callback;
< /code>
Dies ist mein Login -Controller, ich verwende die Anmelderoute von Laravel Breeze. app \ http \ authenticedSessionController < /p>
public function store(LoginRequest $request): RedirectResponse
{
$request->authenticate();

$request->session()->regenerate();
$intendedUrl = session('url.intended');
if ($intendedUrl) {
return redirect($intendedUrl);
}
return redirect()->intended(RouteServiceProvider::HOME);
}

Ich verwende die Autorisierungscode von Laravel Passport.
[*] Die Callback -URL gibt http: // localhost: 5001 (Laravel App)

Nachdem der Benutzer zur Anmeldung aufgebracht wurde, taucht die Inertia ein IFrame -Modal auf, anstatt vollständig auf http:/umzuleiten. /localhost: 3005/auth/callback
Angehängt ist der Screenshot
https://prnt.sc/9swilgcepxpy
Dies ist mein Code für einen Rückruf, der in meiner Client -Anwendung vorhanden ist. http: // localhost: 3005/auth/callback
[code]import React, { useEffect } from "react";
import { useRouter } from "next/router";
import axios from "axios";

const getToken = async (code) => {
try {
const response = await axios.post(
`${process.env.NEXT_PUBLIC_OAUTH_AUTH_SERVER}/oauth/token`,
{
grant_type: "authorization_code",
client_id: process.env.NEXT_PUBLIC_OAUTH_CLIENT_ID,
client_secret: process.env.NEXT_PUBLIC_OAUTH_CLIENT_SECRET,
redirect_uri: process.env.NEXT_PUBLIC_OAUTH_CLIENT_REDIRECT,
code: code,
}
);
return response;
} catch (error) {
return error;
}
};
const callback = () => {
const router = useRouter();
const { code } = router.query;
useEffect(() => {
if (code) {
getToken(code)
.then((response) => {
console.log(response);
})
.catch((error) => {
console.log(error);
});
}
}, [code]);

return Logging you in ....;
};

export default callback;
< /code>
Dies ist mein Login -Controller, ich verwende die Anmelderoute von Laravel Breeze. app \ http \ authenticedSessionController < /p>
public function store(LoginRequest $request): RedirectResponse
{
$request->authenticate();

$request->session()->regenerate();
$intendedUrl = session('url.intended');
if ($intendedUrl) {
return redirect($intendedUrl);
}
return redirect()->intended(RouteServiceProvider::HOME);
}
[/code]
Bitte helfen Sie.
Danke.