CSR客户端首先获取HTML文件，然后通过接口获取数据，最后由客户端拼装数据并渲染页面SSR服务端拼装好带有数据的HTML页面，客户端获取后可直接渲染的完整HTML文件SEO优化 CSR由于搜索引擎爬虫无法直接执行JavaScript，因此CSR页面在初始加载时可能无法被搜索引擎全量收录需要通过code splitting预渲染。

1 **使用服务器端渲染SSR**通过SSR技术，可以在服务器端预先生成静态HTML，使搜索引擎更容易抓取页面内容Vue官方提供了Nuxtjs这样的框架，它基于Vuejs并集成了SSR的功能，为开发者提供了便捷的SSR实现途径2 **合理配置路由**确保你的路由配置能够被搜索引擎理解将主路由设置为，并为每个页面设。

上述内容将自动处理 *vue 文件内的 提取到stylecss文件里面，并与大多数预处理器一样开箱即用注意这只是提取 *vue 文件 但在 JavaScript 中导入的 CSS 仍然需要单独配置接下来我们再看看如何手动配置 ExtractTextPlugin = requirequotextracttextwebpackpluginquot。

接下来，将Vue项目中的视图和组件文件静态资源等，迁移至Nuxt框架下的相应目录确保所有页面和资源都被正确部署使用Nuxt框架时，同样可以使用Vue的所有插件启动项目时，按照packagejson中的指示执行命令，如`npm install`和`npm nuxt`等在Nuxt框架与Vue框架之间，开发者需要关注一些关键的区别。

使用agaloader考虑使用agaloader替代vueloader，以提升SSR性能但需注意，这可能影响某些组件功能和Vuex支持，因此需根据实际情况进行评估cgi拉取和VDOM渲染优化流式或分块传输通过流式或分块传输数据，可以改善首屏时间，但需注意cgi拉取时间的限制前后端数据同步加载建议先吐出空页面，后续。