Quiero enviar una publicación con buscar. Pero me sale el error 401: www-authenticate: Bearer error="invalid_token". Estoy usando Userfront.accessToken() pero no funcionó.
¿Cómo puedo obtener un token de acceso para la autenticación del portador?
const submit = (e) => { e.preventDefault(); const data = new FormData(form.current); fetch(process.env.REACT_APP_ENDPOINT + "user/me/contract", { method: "POST", body: data, headers: { "Content-Type": "application/json", Authorization: `Bearer ${Userfront.accessToken()}`, }, }).then((res) => res.json()); };Nota:
console.log(`Bearer ${Userfront.accessToken()}`);Portador [objeto Objeto]
JSON.stringify(Userfront.accessToken()) por favor, encadene ese objeto para entender lo que está pasando allí, entonces, si hay un token de acceso que regresa de esa función, coloque esa cadena.
Me acabo de dar cuenta en el documento;
Para manejar una solicitud como esta -Userfront.accessToken()-, su backend debe leer el JWT del encabezado de Autorización y verificar que sea válido usando la clave pública que se encuentra en su panel de Userfront.
https://userfront.com/guide/auth/
fetch('https://api.example.com', { method: 'GET' headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${Userfront.tokens.accessToken}` } });¿Puedes probar esto? Veo esto de https://userfront.com/guide/auth/
headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${Userfront.tokens.accessToken}` }Gracias a todos por sus respuestas o comentarios.
Authorization: `Bearer ${localStorage.getItem("fray_access_token")}`,En esta aplicación, el token recibe un nombre diferente. Cuando miro desde las inspecciones, ¡lo uso y funciona!