一、介绍Nuxt

      随着移动互联网的兴起促进了web前后端分离开发模式的发展，服务端只专注业务，前端只专注用户体验，比如流行的vue.js实现了功能强大的前端渲染。但是，对于有SEO需求的网页如果使用前端渲染技术去开发就不利于SEO了，有没有一种即使用vue,js的前端技术也实现服务端渲染的技术呢?Nuxt.js 是一个基于Vue js 的轻量级应用框架,可以用来创建服务端渲染(SSR)应用，也可充当静态站点引擎生成静态站点应用,具有优雅的代码结构分层和热加载等特性。

二、基本功能使用

1. 首先下载好官方的解压包后
2. 在pages路径下创建index.vue页面，如上路径是可以直接默认的访问页面，创建好页面后 自动生成路由在router.js中

如何进行重定向那，我们知道在html中是通过<a>标签进行重定向跳转的，那么我们在nuxt的项目中是否还有这个特性那，答案是有的，有如下两种方法可以跳转页面。

1. 通过<NuxtLink to "目标路径名称">
2. 通过<a href>也是可以进行页面内的重定向的。

三、路由规则

1. 自动路由，前面已经介绍过自动路由，当你在pages下创建页面或文件夹时会在router中自动为你创建
   
   
2. 动态路由：顾名思义路由是动态的，例如：每个产品都是用相同的模板，那么我们为每个产品都分配页面就有点浪费资源了，这时我们就可以使用动态路由。只要将页面名称设置成_id.vue那么这个id就可以根据你商品的不同id生成专属页面，并且很省资源。