笔者最近业余时间想着学点新东西，于是开始接触服务器端渲染（SSR），花了一周的时间学习和实战，然后在周末高仿掘金撸了一个 SSR 的 Demo 项目。 技术栈选的是平滑开箱的 Nuxt，整个项目整合了 vue + nuxt + axios + vuex + vue-router…

经过几个周六周日的尝试，终于解决了服务端渲染中的常见问题，当SEO不在是问题的时候，或许才是我们搞前端的真正的春天，其中也遇到了一些小坑，Nuxt.js官方还是很给力的，提issue后很积极的给予帮助，再次感谢Nuxt.js的开发团队。 第一个拦路虎就是登陆时候的鉴权问题，如何…

一、背景在今年年初我开始接触vue的时候，就发现在vue官方文档中“服务端渲染”的一节中提到了Nuxt.js框架，SSR这种方式对于首屏的加载时间优化显而易见，同时还可以方便的进行SEO。美团点评的点餐业务中，数据平台因为其数据量大的特点，首页加载时间很长，非常适合进行SSR改造…

很重要，所以要普及。 SEO： 搜索引擎优化（Search Engine Optimization），它是指通过站内优化，如：网站结构调整、网站内容建设、网站代码优化以及站外优化等方法，来进行搜索引擎优化。 简单说： 通过各种技术（手段）来确保，你的Web内容被搜素引擎最大化收…

自己先想一分钟。 无可否认，现在无论大厂还是小厂都已经用上了 Vue.js 框架，简单易上手不说，教程详尽，社区活跃，第三方套件还多。真的是前端开发人员必备技能。而且在面试当中也往往会问到关于 Vue 方面的各种问题，其中大部分面试官会问到如上这种问题。 最近一直在做 Vue项…

在这个教程中，我们将讲解如何将vue.js单页应用与Flask后端进行连接。 一般来说，如果你只是想通过Flask模板使用vue.js库也是没有问题的。但是，实际上是一个很明显的问题那就是，Jinja（模板引擎）也和Vue.js一样采用双大括号用于渲染，但只是一个还算过的去的解…

单页面应用在前端正大放光彩。三大框架 Angular、Vue、React，可谓妇孺皆知。随着单页面应用的普及，人们在感受其带来的完美的用户体验，极强的开发效率的同时，也似乎不可避免的要去处理 SEO 的需求，其实解决SEO问题不一定非得用服务端渲染来处理，此文主要介绍 preRender + vueMetaInfo 的思路