服务器端呈现和生成缓存的index.html ( Vuejs，Nodejs)

Question

多个网站(site1.com、site2.com)连接到一台服务器。当用户输入一个站点时，我可以捕获域名。使用此域名，我从api中获取合适的json并显示项。每个站点都有不同的标识、背景颜色、项目等。每次我使用axios从api中获取数据。

最后，我有三个问题。

1. 如果api有问题的话，网站应该能工作。
2. 谷歌应该单独对网站进行索引。
3. 每次都会通过Axios获取数据(刷新页面)

为了解决这三个问题，我决定使用SSR。使用Node.js或Express.js，我可以从api中获取所有域列表，并分别获取网站的所有数据。然后我可以生成缓存的index.html。每30分钟渲染一次。在前端(Vue.js)的末尾，我们可以使用缓存的index.html，而不是调用Axios。我认为它也可以帮助索引的搜索引擎优化网站。

我的问题是：

• 我的解决方案是明智的吗？
• 我怎么做cached.html呢？

Answer 1

嗯，我认为您的解决方案不仅仅是一个简单的答案，但至少在使用Nuxt.js时使用Vue.js是可行的。您可以在这里浏览文档：

参见:呈现的服务器