一、为什么要用Nuxt.js 原因其实不用多说，就是利用Nuxt.js的服务端渲染能力来解决Vue项目的SEO问题。 二、Nuxt.js和纯Vue项目的简单对比 1. build后目标产物不同 vue: dist nuxt: .nuxt 2. 网页渲染流程 vue: 客户端渲染，先下载js后 ...

最近用vue写了公司部门的官网，但是spa单页面应用首屏加载有些慢，体验不好，而且SEO极不友好，于是学了学nuxt把项目改造成后端渲染。因为是第一次用nuxt，也遇上一些坑，在次记录一下，加深印象。 1.什么是nuxt.js？为什么用它？ nuxt.js是一个基于 Vue.js 的通用 ...

vue.js的官方介绍里可能提到过nuxt.js，我也不太清楚我怎么找到这个的 最近项目vue.js是主流了，当有些优化需求过来后，vue还是有点力不从心， 比如SEO的优化，由于vue在初始化完成之前，页面是没有任何内容的，所以基本上没有办法满足这个需求 比如有些访问量较大的主页里面 ...

问题。 什么是nuxt.js Nuxt.js 是一个基于Vue.js的通用应用框架，预设了利用Vue.js开发服务端渲染 ...

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

第一步：npm 安装 less 和 less-loader ，文件根目录下安装，指令如下 npm install less less-loader --save-dev 第二步：直接在组件中 ...

首先按照nuxt官网从头搭建项目： 1.新建一个项目目录： 2.在当前项目下新建package.json,设定如何运行nuxt: 3.安装nuxt, npm install --save nuxt 4.下面是我们项目的目录结构： 分别说下 ...

什么是服务器端渲染 前端渲染：html页面作为静态文件存在，前端请求时后端不对该文件做任何内容上的修改，直接以资源的方式返回给前端，前端拿到页面后，根据写在html页面上的js代码，对该html的内容进行修改。 服务端渲染：前端发出请求后，后端在将HTML页面返回给前端之前，先把 ...