Nuxt | При просмотре исходного кода в браузере некоторые теги HTML отображаются только внутри тегов JavaScript

Question

Если вы посмотрите на эту страницу http://manvanstage.com.s3-website.eu-west-2.amazonaws.com/ и щелкните правой кнопкой мыши на ней и выберите «Просмотр источника страницы», вы найдете, например, текст «100-х годов с провайдерами фургона» внутри <script type="text/javascript"> вместо внутренней части внутри тега HTML.

Эти теги отправляются внутренним API-интерфейсом во внешний интерфейс (Nuxt.js / vue. js)

Я пытался использовать Vue. js жизненный цикл created и mounted.

Что я делаю не так?

Я знаю, что это плохо для SEO.

Обновление:

• Часть этой веб-страницы, которую я использовал no-ssr. Как вы думаете, это может быть причиной проблемы?
• Я использовал npm run build и развернул приложение на Node.js более поздней версии.

Answer 1

возможно, вам следует проверить, правильно ли установлено свойство mode в 'nuxt.config'. js

https://nuxtjs.org/api/configuration-mode/

Обновление:

Я думаю, это потому, что вы выбираете данные в созданном или смонтированном виде, так что они по-прежнему не передаются на сервер

, если вы хотите, чтобы какой-то контент в исходном коде улучшал SEO, затем извлекайте ваши данные в asyncData()

пример:

до

created(){
  this.getSomethingFromAPI()
}

после

asyncData(){
  this.getSomethingFromAPI()
}