Nuxt Prerender не соответствует Thymeleaf - PullRequest
0 голосов
/ 26 мая 2020

У меня странная проблема. Это контекст. Наша команда отвечает за SEO-страницы компании. У нас были эти страницы с angularjs. Этот фреймворк совсем не оптимизирован для SEO, поэтому мы недавно решили перейти на vuejs с помощью Nuxt. На данный момент у нас нет доступного SSR, поэтому мы делаем пререндер. Мы используем java для бэкэнда, и мы также используем тимелеаф для связи спереди и сзади.

Проблема в том, что мы включаем теги тимелеафа в наш код (например,

<p th:text=${‘test’}>

И когда мы предварительно визуализируем страницу (создаем папку dist), этот тег остается в html (как и ожидалось). Мы используем JBOSS для обслуживания страницы, и теперь у нас возникает следующая проблема: когда страница визуализируется, тимелеаф заменяет var, и мы сможем увидеть замененный код, если откроем 'view source' (test

). Тем не менее, клиент видит код с переменными тимелеафа (

<p th:text=${‘test’}>

). I думаю, проблема связана с виртуальным DOM. webpack создает пакет, который связывает dom с текстом. Есть ли в nuxt способ избежать создания виртуального DOM и позволить тимелисту сохранить эти подстановки?

Спасибо за лот

...