vue+node项目复盘
weixin_43297321
这个作者很懒,什么都没留下…
展开
-
vue router中meta路由元信息&多套路由权限匹配
路由meta 路由记录 / 路由元信息可以给每个路由添加一个自定义的meta对象,在meta对象中可以设置一些状态,来进行一些操作,供页面组件或者路由钩子函数中使用。页面中使用:this.$route.meta.xxx页面中得到路由信息:$router.options.routes那么就可以根据路由信息,动态创建页面中的导航。根据不同的用户权限分配不同的路由导航如何做到呢?有多种方式,下面看看其中一种方式:1、可以提前创建几套路由规则,然后在需要切换的页面中进行引用。示例:2、原创 2020-08-17 10:19:13 · 1582 阅读 · 0 评论 -
node前后端数据交互&post参数发送方式URLSearchParams、qs
来看看前端向后端发送数据的操作,以及后端接收前端传递过来的数据,返回一些信息的过程。先看下前端向后端是怎么发送数据的。1、axios拦截器 请求封装 url封装 调用封装的请求(1)创建util文件夹,来编写vue的拦截器,命名比如request.js。import axios from "axios"// 创建axios 赋值给常量service const service = axios.create();// 添加请求拦截器(Interceptors)service.interc原创 2020-08-16 13:59:35 · 2745 阅读 · 0 评论 -
JSON Web Token 简介&小案例(vue+node)
JWT简介JSON Web Token 简称 JWT,是一种认证机制,让后台知道请求是来自于受信的客户端。作为一种跨域认证解决方案,有时我们也会称呼它为JSON Web令牌。JWT 的原理JWT 的原理是,服务器认证以后,生成一个 JSON 对象,发回给用户,就像下面这样。{ "姓名": "张三", "角色": "管理员", "到期时间": "2018年7月1日0点0分"}以后,用户与服务端通信的时候,都要发回这个 JSON 对象。服务器完全只靠这个对象认定用户身份。为了防止用原创 2020-08-16 11:23:03 · 1331 阅读 · 0 评论 -
ECharts图表 HTML页面使用&vue组件使用
EChartsECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。官网介绍echarts:https://echarts.apache.org/zh/feature.htmlHTML页面使用官方实例展示:https://echarts.apache.org原创 2020-08-15 11:45:06 · 1941 阅读 · 0 评论