Vuejs SPA Изменение содержимого мета-тега от стороннего API

Question

Я пытался изменить содержимое метатега, например

document.title = response.data.seo_page_title[0].text;
document.head.querySelector('meta[name=description]').content = response.data.seo_description; 

, оно изменяет содержимое при просмотре страницы, но не при использовании view soure. Поэтому Google, FB и Twitter не могут распознать обновленный контент и не загружают нужный текст, когда я пытаюсь поделиться страницей в социальных сетях.

Answer 1

View Source показывает исходный источник, который был извлечен из сети - это не текущий снимок страницы. Как вы заметили, текущий снимок страницы доступен в DevTools. Если вам нужен Google / FB / et c. чтобы увидеть правильный текст - вам придется создавать этот текст на стороне сервера (при создании шаблона HTML), а не в браузере.