To get this working properly I had to set Authentic
2. Scroll down, click on users-permissions under permissions, then check all the checkboxes.
Otherwise the login fails on the this.axios.get(http://localhost:1337/api/users/${user.id}?populate=* with a [2022-12-16 17:56:10.126] http: DELETE /api/bookmarks/2 (4 ms) 403 error.
You are actually logged in, but the redirect to home page fails as an error is raised by the 403 error and it stays on the login page, and the bookmark object doesn’t get created. However, you can click on the home page and you will have been logged in correctly.
Giving Authenticated role users-permissions under permissions, then check all the checkboxes. allows his.axios.get(http://localhost:1337/api/users/${user.id}?populate=* to work properly, thereby creating the local storage bookmark object, which then lets you add bookmarks properly as it assumes it has been created.