SSR mode use axios cross-request state pollution about quasar-starter-kit

[rstoenescu]

Added instructions into the starter kit.

I've especially written a section on docs on the Stateful Singleton pattern when on SSR and its pitfalls, but adding a warning + instructions on the starter kit doesn't hurts. So thank you for this ticket.

[kuntik17]

I followed the instructions on the docs but I get

"was not found in 'vue-router' (possible exports: BaseTransition, Comment, EffectScope, Fragment, KeepAlive, ReactiveEffect, Static, Suspense, Teleport, Text, Transition, TransitionGroup, VueElement, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, cloneVNode, compatUtils, compile, computed, createApp, createBlock, createCommentVNode, createElementBlock, createElementVNode, createHydrationRenderer, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, customRef, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineProps, defineSSRCustomElement, devtools, effect, effectScope, getCurrentInstance, getCurrentScope, getTransitionRawChildren, guardReactiveProps, h, handleError, hydrate, initCustomFormatter, initDirectivesForSSR, inject, isMemoSame, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isVNode, markRaw, mergeDefaults, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, openBlock, popScopeId, provide, proxyRefs, pushScopeId, queuePostFlushCb, reactive, readonly, ref, registerRuntimeCompiler, render, renderList, renderSlot, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolveTransitionHooks, setBlockTracking, setDevtoolsHook, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, ssrContextKey, ssrUtils, stop, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, transformVNodeArgs, triggerRef, unref, useAttrs, useCssModule, useCssVars, useSSRContext, useSlots, useTransitionState, vModelCheckbox, vModelDynamic, vModelRadio, vModelSelect, vModelText, vShow, version, warn, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId)"

error..

[IlCallo]

@kuntik17 are you on latest quasar version?

[kuntik17]

Yes. On the docs it says;

export default function (/* { store, ssrContext } /) {
const Router = new VueRouter({...})
return Router
}
// src/store/index.js
export default function (/ { ssrContext } */) {
const Store = new Vuex.Store({...})
return Store
}

however, Quasar CLI creates router and store with;

const Router = createRouter({

const Store = createStore({

instead of new VueRouter or new Vuex.Store.. When I try to use new VueRouter or new Vuex.Store I got that error..

[panhezeng]

Yes.

// src/router/index.js export default function (/* { store, ssrContext } */) { const Router = new VueRouter({...}) return Router }

SSR can't write

use

import { route } from "quasar/wrappers";

export default route<any>(function ({ store, ssrContext }) {
  const createHistory = process.env.SERVER
    ? createMemoryHistory
    : process.env.VUE_ROUTER_MODE === "history"
    ? createWebHistory
    : createWebHashHistory;

...

}