Ya logré configurar una autenticación de usuario funcional con Flask JWT.

Con un clic de botón, envío el usuario y la contraseña a mi punto final de inicio de sesión y, con las credenciales correctas, obtendré un token de acceso y lo almacenaré en el almacenamiento de mi navegador.

 $("#buttonid").click(function () { var person = { username: $("#userid").val(), password: $("#passwordid").val(), }; $.ajax({ url: "/login", type: "post", dataType: "json", contentType: "application/json", data: JSON.stringify(person), success: function (data) { localStorage.setItem("token", data.access_token); }, });

Junto con ese botón, haga clic en Me gustaría acceder a mi jwt_restricted protected.html

 @app.route("/protected", methods=["GET", "POST"]) @jwt_required() def protected(): return render_template("protected.html")

Causa de jwt_required Estoy transfiriendo el token guardado en mi encabezado, que funciona dentro de ajax, pero no carga mi protected.html.

 $.ajax({ url: "/protected", type: "get", headers: { Authorization: "Bearer " + localStorage.getItem("token")}, success: function (response) {console.log("working");}, });

¿Es posible enviar mi token en una solicitud de obtención desde dentro de una carga de página algo como

 window.location.href = "protected" (headers: { Authorization: "Bearer " + localStorage.getItem("token"));

o hay otra manera?

Gracias