Я создал веб-приложение, которое использует Nuxt.js, с рендерингом на стороне сервера.

Я не хочу предоставлять свои данные бэкэнда, поэтому я попытался использовать asyncData и Axios для запроса к своему бэкэнд-серверу.

Но Nuxt.js предоставил мои данные бэкэнда клиенту с window.__NUXT__.data переменной window.__NUXT__.data .

Я попытался удалить это с помощью render:route hook, но там написано [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 {amp}lt;p{amp}gt;, or missing {amp}lt;tbody{amp}gt;. Bailing hydration and performing full client-side render. [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 {amp}lt;p{amp}gt;, or missing {amp}lt;tbody{amp}gt;. Bailing hydration and performing full client-side render. ,

Поэтому я попытался удалить скрипт, который не соответствует ошибке, но он останавливает работу скрипта на моем сайте.

Итак, вопрос: как отключить гидратацию клиента (рендеринг виртуального дерева DOM на стороне клиента)? или как перестать выставлять необработанные данные?

Я использовал asyncData с этим кодом:

 asyncData ({ params, error }: { params: { id: string }, error: Function }) { return axios.post('(backend)', data).then(res ={amp}gt; res.data ? ({ data: res.data }) : error({ statusCode: 400, message: 'Bad request' })); } 
BiscoChannel

новый участник этого сайта. Будьте внимательны, спрашивая разъяснения, комментируя и отвечая. Проверьте наш

Правила поведения

,