nuxt.js框架服务端渲染

1.安装

1. 安装node
2. 安装vue-cli脚手架
3. 全局安装create-nuxt-app
4. npm install -g create-nuxt-app
5. 创建项目
6. npx create-nuxt-app 项目名

2.nuxtjs的路由

3.nuxt的项目目录 配置文件

4.toast提示模块

npm install @nuxtjs/toast

全局注册

5.asyncDat异步加载数据

npm install axios --save

asyncData方法

• 在渲染组件之前异步获取数据
• 在服务 路由更新之前被调用
• 在每次页面组件 加载渲染之前就调用

6.跳到自定义错误页

7.全局单独的路由动画

8.默认模板和默认布局

9.nuxtjs使用中间件进行路由判断