服务器端渲染和生成缓存的index.html(Vuejs,Nodejs)
多个网站(site1,site2)连接到一台服务器。我可以在用户进入网站时捕获域名。使用此域名我从api获取合适的json并显示项目。每个站点都有不同的徽标,背景颜色,项目等。每次我使用axios从api获取数据。
最后,我有3个问题。
- 如果api出现问题,网站应该可以正常工作。
- Google应该单独为网站编制索引
- 每次都通过Axios获取数据(刷新页面)
为了解决这3个问题,我决定使用SSR。使用Node.js或Express.js我可以从api获取所有域列表并分别获取网站的所有数据。然后我可以生成缓存的index.html。它将每30分钟渲染一次。在前端(Vue.js)结束时,我们可以使用缓存的index.html,而不是调用Axios。我认为它也可以帮助索引网站的搜索引擎优化。
我的问题:
- 我的解决方案是否合理?
- 我怎样才能制作一个cached.html?
好吧,我认为你的解决方案不仅仅是一个简单的答案,但至少在SSR中Nuxt.js是使用Vue.js的方法。您可以在此处参考文档:
See: Server Rendered