Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/hibernate/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 首先使用应用程序外壳架构进行服务器端呈现和脱机_Reactjs_Seo_Vue.js_Offline Caching_Server Side Rendering - Fatal编程技术网

Reactjs 首先使用应用程序外壳架构进行服务器端呈现和脱机

Reactjs 首先使用应用程序外壳架构进行服务器端呈现和脱机,reactjs,seo,vue.js,offline-caching,server-side-rendering,Reactjs,Seo,Vue.js,Offline Caching,Server Side Rendering,如何利用SSR和离线优先功能并将这两种技术合并在一起 SSR能够呈现我的javascript模板,以便更快、无闪烁地加载应用程序,最重要的是,它能够使任何页面都具有SEO和NOjavascript友好性,这对于搜索引擎、抓取我们网站的社交网络非常重要,并提供更好的页面可访问性 离线的first service workers可以让我存储一个页面,也许还可以存储一些页面内容 我相信您会希望您的服务器提供一个简单的index.html文件,服务人员可以轻松地缓存该文件。但是,使用SSR,您将提供一个

如何利用SSR和离线优先功能并将这两种技术合并在一起

SSR能够呈现我的javascript模板,以便更快、无闪烁地加载应用程序,最重要的是,它能够使任何页面都具有SEO和NOjavascript友好性,这对于搜索引擎、抓取我们网站的社交网络非常重要,并提供更好的页面可访问性

离线的first service workers可以让我存储一个页面,也许还可以存储一些页面内容


我相信您会希望您的服务器提供一个简单的index.html文件,服务人员可以轻松地缓存该文件。但是,使用SSR,您将提供一个动态呈现的页面,该页面会根据路由的变化而变化,因此最终会缓存每个页面

我现在也有同样的困境。我还没有开始开发任何东西,但我做了一些研究,以找到一些线索,并发现,仍然是一般的,但有反应和虚拟dom的例子
pwa
s,关键是(虚拟dom)的例子

如您所见,他们使用了一个web工作人员(pwa实际上不需要,因为它不同于服务工作人员)。现在,我不能再告诉你了,你应该明确地阅读关于pokedex的帖子,检查一下,也许可以尝试webworker的方法