Init nuxt plugins once instead of server + client
up vote
4
down vote
favorite
I'm using nuxt i18n and @nuxtjs/router, which I initialize with async data from my API whenever the user loads the app.
Router example:
export async function createRouter() {
const routes = await httpService.get('routes')
return new Router({
mode: 'history',
routes: routes.data
})
}
This works fine. However, both plugins are initialized twice, first from the server, then from the client, which I noticed because of 2 api calls foreach plugin when I load the app.
Why are plugins initialized twice in univerval mode?
vue.js nuxt.js
asked Oct 5 at 13:35
Johan
15.7k35138238
add a comment |
up vote
4
down vote
favorite
I'm using nuxt i18n and @nuxtjs/router, which I initialize with async data from my API whenever the user loads the app.
Router example:
export async function createRouter() {
const routes = await httpService.get('routes')
return new Router({
mode: 'history',
routes: routes.data
})
}
This works fine. However, both plugins are initialized twice, first from the server, then from the client, which I noticed because of 2 api calls foreach plugin when I load the app.
Why are plugins initialized twice in univerval mode?
vue.js nuxt.js
asked Oct 5 at 13:35
Johan
15.7k35138238
add a comment |
up vote
4
down vote
favorite
up vote
4
down vote
favorite
I'm using nuxt i18n and @nuxtjs/router, which I initialize with async data from my API whenever the user loads the app.
Router example:
export async function createRouter() {
const routes = await httpService.get('routes')
return new Router({
mode: 'history',
routes: routes.data
})
}
This works fine. However, both plugins are initialized twice, first from the server, then from the client, which I noticed because of 2 api calls foreach plugin when I load the app.
Why are plugins initialized twice in univerval mode?
vue.js nuxt.js
asked Oct 5 at 13:35
Johan
15.7k35138238
I'm using nuxt i18n and @nuxtjs/router, which I initialize with async data from my API whenever the user loads the app.
Router example:
export async function createRouter() {
const routes = await httpService.get('routes')
return new Router({
mode: 'history',
routes: routes.data
})
}
This works fine. However, both plugins are initialized twice, first from the server, then from the client, which I noticed because of 2 api calls foreach plugin when I load the app.
Why are plugins initialized twice in univerval mode?
vue.js nuxt.js
vue.js nuxt.js
asked Oct 5 at 13:35
Johan
15.7k35138238
asked Oct 5 at 13:35
Johan
15.7k35138238
asked Oct 5 at 13:35
Johan
15.7k35138238
asked Oct 5 at 13:35
Johan
15.7k35138238
asked Oct 5 at 13:35
Johan
15.7k35138238
15.7k35138238
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
up vote
1
down vote
accepted
This is intended and important for the plugins to actually work!
Both sides, server-side and client-side (in the browser), are independent and have to initialize plugins again as they aren't shared in any manner.
answered Nov 11 at 16:36
manniL
3,51742343
Allright, I was expecting the server side initialization to be reused. Thanks for clarifying
– Johan
Nov 12 at 14:30
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
1
down vote
accepted
This is intended and important for the plugins to actually work!
Both sides, server-side and client-side (in the browser), are independent and have to initialize plugins again as they aren't shared in any manner.
answered Nov 11 at 16:36
manniL
3,51742343
Allright, I was expecting the server side initialization to be reused. Thanks for clarifying
– Johan
Nov 12 at 14:30
add a comment |
up vote
1
down vote
accepted
This is intended and important for the plugins to actually work!
Both sides, server-side and client-side (in the browser), are independent and have to initialize plugins again as they aren't shared in any manner.
answered Nov 11 at 16:36
manniL
3,51742343
Allright, I was expecting the server side initialization to be reused. Thanks for clarifying
– Johan
Nov 12 at 14:30
add a comment |
up vote
1
down vote
accepted
up vote
1
down vote
accepted
This is intended and important for the plugins to actually work!
Both sides, server-side and client-side (in the browser), are independent and have to initialize plugins again as they aren't shared in any manner.
answered Nov 11 at 16:36
manniL
3,51742343
This is intended and important for the plugins to actually work!
Both sides, server-side and client-side (in the browser), are independent and have to initialize plugins again as they aren't shared in any manner.
answered Nov 11 at 16:36
manniL
3,51742343
answered Nov 11 at 16:36
manniL
3,51742343
answered Nov 11 at 16:36
manniL
3,51742343
answered Nov 11 at 16:36
manniL
3,51742343
3,51742343
Allright, I was expecting the server side initialization to be reused. Thanks for clarifying
– Johan
Nov 12 at 14:30
add a comment |
Allright, I was expecting the server side initialization to be reused. Thanks for clarifying
– Johan
Nov 12 at 14:30
Allright, I was expecting the server side initialization to be reused. Thanks for clarifying
– Johan
Nov 12 at 14:30
Allright, I was expecting the server side initialization to be reused. Thanks for clarifying
– Johan
Nov 12 at 14:30
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f52666872%2finit-nuxt-plugins-once-instead-of-server-client%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
