After successfully sending "EnvioLogin" with the correct email/password, I am able to obtain the access token from "/login", but I encounter an issue when trying to access "/users" after that. Upon inspecting in my browser, I found these image links: https://i.sstatic.net/yBJK0.jpg https://i.sstatic.net/bWQEG.jpg
Is there a way for me to execute created hooks after the user logs in?
import axios from "axios";
export default {
name: "login",
data() {
return {
showError: false,
email: "",
password: "",
};
},
async created() {
const response = await axios.get("api/users", {
headers: {
Authorization: "Bearer " + localStorage.getItem("token")
}
});
console.log(response);
},
methods: {
async EnvioLogin() {
try {
const response = await axios.post("api/auth/login", {
email: this.email,
password: this.password,
});
localStorage.setItem("token", response.data.token);
const status = JSON.parse(response.status);
if (status == "200") {
console.log(response);
this.$router.push("intermediorotas");
this.showLogin = false;
}
} catch (error) {
this.showError = true;
setTimeout(() => {
this.showError = false;
}, 2000);
}
},
},
}