Nuxt预渲染服务端详解，有哪些关键点？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1893个文字，预计阅读时间需要8分钟。
前端开发通常都采用前后端分离模式，常用框架如Angular、React和Vue等，这些框架能快速完成开发。然而，由于前后端分离，项目SEO（搜索引擎优化）面临较大挑战，搜索引擎在抓取和索引时可能遇到困难。
现在前端开发一般都是前后端分离，mvvm和mvc的开发框架，如Angular、React和Vue等，虽然写框架能够使我们快速的完成开发，但是由于前后台分离，给项目SEO带来很大的不便，搜索引擎在检索的时候是在网页中爬取数据，由于单页面应用读取到的页面是几乎空白的，无法爬取到任何数据信息。
<!DOCTYPE html> <html> <head> <meta charset=utf-8> <meta name=viewport content="width=device-width,initial-scale=1"> <title>authorization_web</title> </head> <body> <div id=app></div> </body> </html>
如上代码，单页面应用查看源代码的时候如上所示，所以搜索引擎无法爬取到任何信息，搜索引擎会认为当前页面为一个空页面。为了解决SEO问题，推出了SSR服务端预渲染，以便提高对SEO优化。
什么是SSR
在认识SSR之前，首先对CSR与SSR之间做个对比。
本文共计1893个文字，预计阅读时间需要8分钟。
前端开发通常都采用前后端分离模式，常用框架如Angular、React和Vue等，这些框架能快速完成开发。然而，由于前后端分离，项目SEO（搜索引擎优化）面临较大挑战，搜索引擎在抓取和索引时可能遇到困难。
现在前端开发一般都是前后端分离，mvvm和mvc的开发框架，如Angular、React和Vue等，虽然写框架能够使我们快速的完成开发，但是由于前后台分离，给项目SEO带来很大的不便，搜索引擎在检索的时候是在网页中爬取数据，由于单页面应用读取到的页面是几乎空白的，无法爬取到任何数据信息。
<!DOCTYPE html> <html> <head> <meta charset=utf-8> <meta name=viewport content="width=device-width,initial-scale=1"> <title>authorization_web</title> </head> <body> <div id=app></div> </body> </html>
如上代码，单页面应用查看源代码的时候如上所示，所以搜索引擎无法爬取到任何信息，搜索引擎会认为当前页面为一个空页面。为了解决SEO问题，推出了SSR服务端预渲染，以便提高对SEO优化。
什么是SSR
在认识SSR之前，首先对CSR与SSR之间做个对比。