Серверная часть Рендеринг и генерация кешированного index.html (Vuejs, Nodejs)

Question

Несколько веб-сайтов (site1.com, site2.com) подключены к одному серверу.Я могу поймать доменное имя, когда пользователь заходит на сайт.Используя это доменное имя, я выбираю подходящий json из api и отображаю элементы.Каждый сайт имеет свой логотип, цвета фона, элементы и т. Д. Каждый раз, когда я использую axios для извлечения данных из API.

В конце у меня 3 проблемы.

1. Сайт долженработать, если с api что-то не так.
2. Google должен индексировать сайты отдельно
3. каждый раз происходит получение данных по Axios (страница обновления)

Решитьэти 3 проблемы я решил использовать сср.Используя Node.js или Express.js, я могу получить список всех доменов из API и получить все данные веб-сайтов отдельно.Затем я могу создать кешированный index.html.Это будет оказано, за 30 минут.В конце во внешнем интерфейсе (Vue.js) вместо вызова Axios мы можем использовать кэшированный index.html.Я думаю, что это также может помочь в индексации веб-сайта для SEO.

Мой вопрос:

• Является ли мое решение разумным подходом?
• Как сделать кэшированный.html?

Answer 1

Что ж, я думаю, что ваше решение содержит больше, чем простой ответ, но, по крайней мере, в SSR Nuxt.js - это то, что нужно при использовании Vue.js.Вы можете погрузиться в документацию здесь:

См .: Сервер отрендерен