use async code in beforeRouteEnter hook,it throw some error

[ytudt]

_{This question is available on Nuxt.js community (#c2627)}

[ytudt]

i fetch date in beforeRouteEnter,when and 'next()' when date is back.like below
beforeRouteEnter(to, from, next) {
axios.get(https://kf.dianping.com/api/relations/listRecommendRelation,{
params: {
bu: '美食',
orderType: 'dealOrder',
orderId: 4252500185,
orderIdStr: "4252500185",
userId: 787514285,
subSource: "MT_APP",
visitId: "480e6383-a8f7-40fb-b00c-bf85a1f16f6b"
}
})
.then((res) => {
next();
});
},

then vue warn like 'vue.runtime.esm.js:587 [Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside

, or missing . Bailing hydration and performing full client-side render.'
what shoule i do?

[husayt]

There is not enough detail here to be able to help you and also it is not really clear. The problem is not in the code you shared, but somewhere else.

[ytudt]

when i use async code in beforeRouteEnter i can get the warn information like below
beforeRouteEnter(to, from , next){ setTimeout(() => { next() }, 100) }

@husayt please help me

[husayt]

@ytudt still there is no enough detail to help you

[galvez]

Closing this as there's been no updates over 90 days.

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.