客户端渲染和跳过服务器渲染方法？

Question

我想呈现我的页面客户端，以帮助保持负载关闭服务器，并保持交通。我知道第一次调用服务器通常会导致服务器必须呈现请求的页面，然后将该页面发送给用户。当用户与页面交互时，JavaScript接管路由，路由将请求发送到服务器以获得特定的视图，然后通过客户端上的javascript更新。

我在想如果这种方法存在与否，如果它是可行的。

比方说，我希望去的地址：

www.example.com/about 

有其高度的​​作为参数传递到HTML页面/ JavaScript代码从服务器（同样，供应www.example.com/）的方法。当客户端准备好客户端时，它会向服务器发送一个请求，请求​​数据，并在响应中更新客户端视图。这意味着完全跳过服务器端渲染。

还是我疯了？

Answer 1

不，你不是疯了。这是大多数单页面应用程序（SPA）框架（如AngularJS）的工作方式。

例如，我通常配置的网络服务器AngularJS的方式是有以下途径：

• /pub/<relative_file_path>只是提供由<relative_file_path>指定的静态文件，如所有的JS，HTML泛音和CSS 。
• /api/<whatever>就是该客户端通过AJAX访问所有端点住
• 一切刚刚返回index.html，这是包含与对JS，CSS和标记引用整个页面的静态文件。

因此，当你去www.example.com/about，你会得到index.html页面，告诉浏览器下载JS整个应用程序，其中包括客户端的路由配置。一旦应用程序启动，它会看到该位置是www.example.com/about，并说“我知道约​​，我将转到该页面！”。

当然，通过“转到该页面”，我的意思是“获取该页面的部分HTML，并通过AJAX获取任何数据”。没有可见的页面刷新/更改发生。