服务器端渲染并生成缓存的index.html(Vuejs,Nodejs)

时间:2019-02-13 15:14:05

标签: node.js express vue.js

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

最后,我有3个问题。

  1. 如果api出现问题,网站应该可以正常工作。
  2. Google应将网站分别编入索引
  3. 每次(刷新页面)都会通过Axios获取数据

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

我的问题:

  • 我的解决方案是否明智?
  • 如何制作cached.html?

1 个答案:

答案 0 :(得分:0)

好吧,我认为您的解决方案不只是一个简单的答案,但至少在SSR中,使用Vue.js时应采用Nuxt.js。您可以在这里查看文档:

See: Server Rendered