这次给大家带来怎样使用Vue页面骨架屏注入，使用Vue页面骨架屏注入的注意事项有哪些，下面就是实战案例，一起来看一下作为与用户联系最为密切的前端开发者，用户体验是最值得关注的问题关于页面loading状态的展示，主流的主要有loading图和进度条两种除此之外，越来越多的APP采用了“骨架屏”的方式去展示未加载内容，给。

提示 在您的 vue 模板中， 如果你需要引入 assets 或者 static 目录， 使用 ~assetsyour_ 和 ~staticyour_方式说下路由配置问题总结 每个框架都有他自己对应的ssr方案，今天这里提到了vue的，有心的童鞋可以自行查阅其他框架方面的 再说几点关于seo方面的小技巧 end~~~如有错误或观点不一致。

一引入Nuxt框架Nuxt 是基于Vue开发的一套前端框架，它简化了Vue项目的服务端渲染SSR配置，非常适合用于SEO优化安装Nuxt安装Nuxt框架的过程与Vue类似，可以参考Nuxt的官方文档进行安装迁移项目将原Vue项目中的页面文件位于viewscomponents文件夹和静态资源assets文件夹迁移到Nuxt项目的相。

SSR服务端渲染或SSG服务端生成是适合官网开发的方法，尤其是对于静态页面SSG可以直接生成每个页面的HTML文件，对CDN友好，且易于部署在自建服务器或任何页面托管服务上SSG项目结构详解 SSG项目与SPA应用的主要区别在于路由与对应页面模板的固定性，构建阶段直接生成每个页面的HTML文件在Vue项目中。

VueSSR优化方案详细总结如下缓存优化微缓存策略针对高流量应用，采用微缓存策略可以有效提高服务器的处理能力组件和cgi接口缓存通过缓存组件和cgi接口的数据，减少数据请求次数，从而减轻服务器负载代码优化简化组件结构优化组件设计，减少不必要的复杂性和嵌套，以降低渲染数据量流式传输采。

1服务端渲染 服务端渲染对于刚接触 vue 的新手来说，并不是那么友好，虽然已有官方 SSR 中文文档但是对于一个已经开发完毕的 vue 项目去接 SSR 无论是从工作量还是技术角度来说，都是一种挑战2预渲染方式 在构建时 build time 简单地生成针对特定路由的静态 HTML 文件优点是设置预渲染。

定义SSR是一种将网页的渲染过程交给服务器处理的技术在服务器端，网页的HTML结构和CSS样式会被预先渲染出来，然后再将静态HTML文件发送到用户的浏览器端优势提高页面加载速度由于页面内容在服务器端已经渲染完成，因此可以加快页面的首次渲染速度，从而提升用户的访问体验优化SEO效果搜索引擎更。

一涉及概念 CSR在客户端加载应用，用户交互后再渲染页面SSR在服务器端预渲染页面，提供静态HTML，减轻客户端的负担Isomorphic结合CSR和SSR的优势，使应用在服务器端预渲染部分页面，客户端接收到的是已完成渲染的页面，提高性能和用户体验二基本架构 服务器端通常使用Nodejs。

Isomorphic的基本架构通常包括服务器端的渲染逻辑客户端的渲染逻辑以及数据处理逻辑服务器端通常使用NodejsExpress等技术栈，负责处理请求渲染页面和提供数据客户端则使用ReactVue等前端框架，负责展示页面和处理用户交互使用同构应用的原因在于提高加载速度优化SEO减轻客户端的负担以及提供更好。