ITRadio/client/src/router/index.js

73 lines
1.9 KiB
JavaScript

import { route } from 'quasar/wrappers';
import store from '@/store';
import {
createRouter,
createMemoryHistory,
createWebHistory,
createWebHashHistory,
} from 'vue-router';
import routes from './routes';
/*
* If not building with SSR mode, you can
* directly export the Router instantiation;
*
* The function below can be async too; either use
* async/await or return a Promise which resolves
* with the Router instance.
*/
export default route(function (/* { store, ssrContext } */) {
const createHistory = process.env.SERVER
? createMemoryHistory
: process.env.VUE_ROUTER_MODE === 'history'
? createWebHistory
: createWebHashHistory;
const Router = createRouter({
scrollBehavior(to, from, savedPosition) {
if (savedPosition) {
return savedPosition;
} else {
//document.getElementById('app').scrollIntoView({ behavior: 'smooth' });
//if (to.query.page) return;
return new Promise((resolve) => {
resolve({ left: 0, top: 0 });
});
}
},
routes,
linkActiveClass: 'is-subactive',
linkExactActiveClass: 'is-active',
// Leave this as is and make changes in quasar.conf.js instead!
// quasar.conf.js -> build -> vueRouterMode
// quasar.conf.js -> build -> publicPath
history: createHistory(
process.env.MODE === 'ssr' ? void 0 : process.env.VUE_ROUTER_BASE,
),
});
Router.beforeEach((to, from, next) => {
console.log(process.env.SERVER);
//уточнить зачем нужен process.env.SERVER
if (to.meta.isAuth && !process.env.SERVER) {
if (store.state.user) {
next();
} else {
next({ name: 'home' });
}
} else {
next();
}
});
Router.afterEach((to, from) => {
if (to.name !== from.name && to.name === 'page404' && from.name) {
if (!process.env.SERVER) window.history.replaceState({}, null, from.path);
}
});
return Router;
});