Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.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
Javascript 使用服务器端和客户端呈现的单页JS应用程序?_Javascript_Reactjs_React Router_Single Page Application_Server Side Rendering - Fatal编程技术网

Javascript 使用服务器端和客户端呈现的单页JS应用程序?

Javascript 使用服务器端和客户端呈现的单页JS应用程序?,javascript,reactjs,react-router,single-page-application,server-side-rendering,Javascript,Reactjs,React Router,Single Page Application,Server Side Rendering,我知道在客户端,React将重新呈现需要随时更新的DOM部分,因此在初始页面加载后无需重新加载整个页面(因此它将是一个单页面应用程序) 使用服务器端呈现时,我是否仍然需要此单页应用程序功能 关于这个话题有很多疑问,但我相信它不能回答我的问题。如果我想实现单页应用程序,是否必须同时使用服务器端和客户端呈现?是的,您仍然可以使用单页功能。服务器呈现是指在发送到客户端之前填充呈现的初始html页面。在客户端渲染中,一个未填充的html文件被发送到客户端,在大多数情况下,客户端看起来是这样的 <h

我知道在客户端,React将重新呈现需要随时更新的DOM部分,因此在初始页面加载后无需重新加载整个页面(因此它将是一个单页面应用程序)

使用服务器端呈现时,我是否仍然需要此单页应用程序功能


关于这个话题有很多疑问,但我相信它不能回答我的问题。如果我想实现单页应用程序,是否必须同时使用服务器端和客户端呈现?

是的,您仍然可以使用单页功能。服务器呈现是指在发送到客户端之前填充呈现的初始html页面。在客户端渲染中,一个未填充的html文件被发送到客户端,在大多数情况下,客户端看起来是这样的

<html>
 <body>
  <div id="app"/>
 <body>
</html>

React将在加载js文件并查询服务器数据后填充此html页面的内容。问题是网络爬虫将无法在网页中爬行,因为爬虫只能看到上面没有内容的文件。因此,在服务器端呈现中,html文件的内容在发送到客户端之前填充。在此之后,html文件的其余填充将照常进行


服务器端呈现和客户端呈现之间的唯一区别是网页的初始呈现发生在何处。其余的渲染在客户端本身进行

是的,您仍将拥有单页功能。服务器呈现是指在发送到客户端之前填充呈现的初始html页面。在客户端渲染中,一个未填充的html文件被发送到客户端,在大多数情况下,客户端看起来是这样的

<html>
 <body>
  <div id="app"/>
 <body>
</html>

React将在加载js文件并查询服务器数据后填充此html页面的内容。问题是网络爬虫将无法在网页中爬行,因为爬虫只能看到上面没有内容的文件。因此,在服务器端呈现中,html文件的内容在发送到客户端之前填充。在此之后,html文件的其余填充将照常进行

服务器端呈现和客户端呈现之间的唯一区别是网页的初始呈现发生在何处。其余渲染在客户端本身进行

关于单页应用程序和服务器端与客户端渲染 如果您希望有一个带有ReactJS的单页应用程序,则必须在客户端运行react代码。就单页应用而言,服务器端呈现是可选的

React根据状态确定HTML应该是什么。单页应用程序意味着我们加载一次页面,它将根据需要更新,而无需从服务器请求重新加载整个页面。为了拥有一个单页应用程序,我们必须将React加载到浏览器(客户端),以便React可以动态更新HTML的各个部分,而无需重新加载整个页面

服务器是一台远程计算机,本地计算机必须通过internet与之联系才能从中获取数据。如果react在服务器(服务器端)上运行,它可以首先呈现HTML,然后通过internet将其发送到我们的计算机

客户端是我们自己的本地计算机。如果服务器不将ReactJS发送给客户机进行加载,而只发送HTML,那么每次客户机想要更改状态时,它都必须联系服务器并要求其提供新的HTML,并且必须重新加载整个页面。但是,如果我们在客户机上加载了ReactJS代码,那么它将知道如何根据状态更新HTML的各个部分,而无需联系服务器

对于单页应用程序,您只需要在客户端运行react代码,这样浏览器就可以呈现和更新部分页面,而无需从服务器请求完整页面。执行服务器端渲染是可选的

服务器端渲染的好处 如果没有服务器端渲染,服务器将首先将所有react代码发送到浏览器。然后浏览器将不得不加载它。然后它必须运行它。然后它将呈现页面以显示用户

使用服务器端呈现时,服务器已经加载了代码。一旦浏览器请求页面,服务器就会发送呈现的HTML,因此浏览器不需要等待代码加载并运行,然后再向用户显示内容。用户将立即看到呈现的应用程序

服务器端呈现也有助于搜索引擎优化,因为它允许搜索引擎作为静态页面抓取和索引应用程序,而无需运行客户端javascript代码来获取表示应用程序的html

关于单页应用程序和服务器端与客户端呈现 如果您希望有一个带有ReactJS的单页应用程序,则必须在客户端运行react代码。就单页应用而言,服务器端呈现是可选的

React根据状态确定HTML应该是什么。单页应用程序意味着我们加载一次页面,它将根据需要更新,而无需从服务器请求重新加载整个页面。为了拥有一个单页应用程序,我们必须将React加载到浏览器(客户端),以便React可以动态更新HTML的各个部分,而无需重新加载整个页面

服务器是一台远程计算机,本地计算机必须通过internet与之联系才能从中获取数据。如果react在服务器(服务器端)上运行,它可以首先呈现HTML,然后通过internet将其发送到我们的计算机

客户端是我们自己的本地计算机。如果服务器没有将ReactJS发送到客户端进行加载,并且只发送HTML,那么每次cli