Vue-router не перенаправляет после промиса-- получаю пустую страницу
Я новичок и работаю на своим первым проектом! Vue-router не перенаправляет меня после промиса, но если обновлюя или вывожу что-то в консол все отобраюается. Вот мой код router/index.js --
import { createRouter, createWebHistory } from 'vue-router'
import PostJob from '../views/postjob.vue'
import CreateProfile from '../views/createprofile.vue'
import MySpace from '../views/myspace.vue'
import Home from '../views/Home.vue'
import Login from '../views/login.vue'
import register from '../views/register.vue'
import forgotPassword from '../views/forgotpassword.vue'
import Edit from '../views/edit.vue'
import Preview from '../views/previewPost.vue'
import Aplly from '../views/apply.vue'
import ViewPost from '../views/Post.vue'
import "firebase/compat/auth";
const routes = [{
path: '/',
name: 'Home',
component: Home,
meta: {
title: 'Home',
replace: true,
}
},
{
path: '/myspace',
name: 'MySpace',
component: MySpace,
meta: {
title: 'MySpace',
requiresAuth: true
}
},
]
const router = createRouter({
history: createWebHistory(process.env.BASE_URL),
routes
})
router.beforeEach(async (to, from, next) => {
document.title = `${to.meta.title} | Selin`
next()
})
export default router;
Еще вот сам и промис
methods: {
signIn() {
firebase
.auth()
.signInWithEmailAndPassword(this.email, this.password)
.then(() => {
this.$router.push({ path: "/myspace" });
this.error = false;
this.errorMsg = "";
console.log(firebase.auth().currentUser.uid);
})
.catch((err) => {
this.error = true;
this.errorMsg = err.message;
});
},
},
В консоле получаю ошибку после события на этого клика и не перенаправляет? Но обычно без промисов работает все! Подскажите пж очень нужна важна ваша помощь! Спасибо большое!