95 lines
2.8 KiB
TypeScript
95 lines
2.8 KiB
TypeScript
import { route } from 'quasar/wrappers';
|
|
import {
|
|
createMemoryHistory,
|
|
createRouter,
|
|
createWebHashHistory,
|
|
createWebHistory,
|
|
} from 'vue-router';
|
|
import { Dialog } from 'quasar'
|
|
|
|
import routes from './routes';
|
|
import { useAuthStore } from 'stores/useAuthStore';
|
|
/*
|
|
* 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.
|
|
*/
|
|
|
|
const createHistory = process.env.SERVER
|
|
? createMemoryHistory
|
|
: (process.env.VUE_ROUTER_MODE === 'history' ? createWebHistory : createWebHashHistory);
|
|
|
|
const routerInstance = createRouter({
|
|
scrollBehavior: () => ({ left: 0, top: 0 }),
|
|
routes,
|
|
|
|
// 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.VUE_ROUTER_BASE),
|
|
});
|
|
|
|
export default route(function (/* { store, ssrContext } */) {
|
|
|
|
routerInstance.beforeEach(async (to, from) => {
|
|
// clear alert on route change
|
|
//const alertStore = useAlertStore();
|
|
//alertStore.clear();
|
|
|
|
// redirect to login page if not logged in and trying to access a restricted page
|
|
const loginPage = '/login';
|
|
const publicPages = [loginPage];
|
|
const authRequired = !publicPages.includes(to.path);
|
|
const authStore = useAuthStore();
|
|
|
|
if (authRequired && !authStore.token) {
|
|
authStore.returnUrl = to.fullPath;
|
|
return '/login';
|
|
}
|
|
|
|
if (authStore.token && to.path === loginPage) {
|
|
return from.path == '/' ? '/' : false;
|
|
}
|
|
|
|
// redirect to domain setting page if no domain exist
|
|
const domainPages = [...publicPages, '/domain', '/userDomain', '/user', '/role'];
|
|
if (!authStore.hasDomain && !domainPages.includes(to.path)) {
|
|
Dialog.create({
|
|
title: '注意',
|
|
message: '既定/利用可能なドメインはありません。<br>接続先管理ページに遷移して処理します。',
|
|
html: true,
|
|
persistent: true,
|
|
})
|
|
return '/domain';
|
|
}
|
|
});
|
|
return routerInstance;
|
|
});
|
|
|
|
export const router = routerInstance;
|
|
|
|
|
|
// const createHistory = process.env.SERVER
|
|
// ? createMemoryHistory
|
|
// : (process.env.VUE_ROUTER_MODE === 'history' ? createWebHistory : createWebHashHistory);
|
|
|
|
// export const Router = createRouter({
|
|
// scrollBehavior: () => ({ left: 0, top: 0 }),
|
|
// routes,
|
|
|
|
// // 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.VUE_ROUTER_BASE),
|
|
// });
|
|
|
|
// export default route(function (/* { store, ssrContext } */) {
|
|
// return Router;
|
|
// });
|
|
|
|
|
|
|