shanlu

2021年2月1日

摘要： mock.js 的语法规范包括两个部分： 1，数据模板定义规范 2，数据占位符定义规范数据模板定义规范每个属性由3部分构成：属性名、生成规则、属性值 '属性名 | 生成规则 ' ：属性值 ①生成规则是可选的 ②生成规则有7中格式： ③生成规则的含义需要依赖属性值的类型才能确定属性值中可以含有阅读全文

posted @ 2021-02-01 23:11 shanlu 阅读(1549) 评论(0) 推荐(0) 编辑

koa 安装使用

摘要：安装： npm install --save koa const Koa = require('koa'); //引入koa模块 const app = new Koa(); //实例化 // 中间件 app.use(ctx => { //ctx，包含req和res等信息,是一个context上下文阅读全文

posted @ 2021-02-01 23:07 shanlu 阅读(106) 评论(0) 推荐(0) 编辑

koa 路由

摘要： Koa 中的路由和Express 有所不同，在Express 中直接引入Express 就可以配置路由，但是在 Koa 中我们需要安装对应的koa-router 路由模块来实现。 npm install koa-router --save const Koa = require('koa'); // 阅读全文

posted @ 2021-02-01 23:05 shanlu 阅读(167) 评论(0) 推荐(0) 编辑

2021年1月30日

项目上线---使用 pm2 管理应用

摘要： 1，在服务器中安装 pm2：npm i pm2 -g 2，启动项目：pm2 start app.js --name web_vue_admin 3，查看运行项目：pm2 ls 4，重启项目：pm2 restart web_vue_admin 5，停止项目：pm2 stop web_vue_admin 阅读全文

posted @ 2021-01-30 19:30 shanlu 阅读(266) 评论(0) 推荐(0) 编辑

动态路由匹配

摘要：当需要把某种模式匹配到的所有路由，全部映射到同一个组件时，需要用到动态路由匹配，即在 vue-router 的路由路径中使用“动态路由参数” 来达到这个效果例如，定义一个 User 组件，对于所有 username 各不相同的用户，都要使用这个组件来渲染 router.js import Vue 阅读全文

posted @ 2021-01-30 19:28 shanlu 阅读(620) 评论(0) 推荐(0) 编辑

路由对象

摘要： 1，路由对象出现在多个地方： ① 在组件内，this.$route ② 在 $route 观察者回调内 ③ router.match(location) 的返回值 ④ 路由守卫的参数 ⑤ scrollBehavior 方法的参数 2，路由对象属性 ① $route.path，字符串类型，对应当前路由阅读全文

posted @ 2021-01-30 19:26 shanlu 阅读(449) 评论(0) 推荐(0) 编辑

命名路由

摘要：可以在创建Router实例的时候，在 routes 配置中给某个路由设置名称，通过一个名称来标识一个路由显得更方便一些，特别是在链接一个路由，或者是执行一些跳转的时候要链接到一个命名路由，可以给 router-link 的 to 属性传一个对象和代码调用 router.push 一样 route 阅读全文

posted @ 2021-01-30 19:25 shanlu 阅读(144) 评论(0) 推荐(0) 编辑

重定向和别名

摘要：重定向也是通过 routes 配置完成，如，从 /user/userA 重定向到 /user/userB 当用户访问 /user/userA 时，URL将会被替换成 /user/userB，然后匹配路由为 /user/userB 重定向的目标也可以是一个命名的路由： { path : 'userA' 阅读全文

posted @ 2021-01-30 19:23 shanlu 阅读(81) 评论(0) 推荐(1) 编辑

导航守卫

摘要： “导航” 表示路由正在发生变化 vue-router 提供的导航守卫，主要用来通过跳转或取消的方式守卫导航。参数或查询的改变并不会触发进入 / 离开的导航守卫。全局前置守卫可以使用 router.beforeEach 注册一个全局前置守卫当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是阅读全文

posted @ 2021-01-30 19:22 shanlu 阅读(102) 评论(0) 推荐(0) 编辑

路由元信息

摘要：定义路由的时候可以配置 meta 字段如何访问 meta 字段： ① routes 配置中的每个路由对象为路由记录，路由记录可以是嵌套的，因此，当一个路由匹配成功后，可以匹配的是多条路由记录（包含父路由记录以及子路由记录） ② 一个路由匹配到的所有路由记录会暴露为 $route 对象的 $rout 阅读全文

posted @ 2021-01-30 19:21 shanlu 阅读(81) 评论(0) 推荐(0) 编辑

公告