- 博客(15)
- 收藏
- 关注
原创 vue项目封装axios以及全局的api接口
我们在搭建vue项目时,当我们写好静态样式,要向后端的接口发送请求获取数据的时候,我们可以封装axios,然后用axios封装全局可以直接调用的接口名称,利用这些名称调用接口,可以让代码更为的简洁,也可以让我们后期在接口的更改上更加的容易,不用在每个页面之中来回的寻找。
2023-02-06 17:06:39 1253
原创 使用v-for循环遍历element-ui的表格
由于页面设计的功能要求,所以,页面的表格头以及表格的数据都是由后端返回来的,所以我们通过axios获取接口的数据后,通过v-for循环遍历表格的全部数据
2023-01-11 10:09:18 5123 1
原创 vue+element+admin模板通过接口下载文件功能
工作上的需求,需要在后台模板加上一个按钮,点击他触发接口,触发下载文件的功能。由于第一次尝试这个模板写后台管理系统,所以引发了一些莫名其妙的问题。所以在此解决,并记录,并给大家做参考
2022-12-28 17:28:12 820
原创 发送请求携带有效的token但却显示未登录,token没有用
经过登录后把token存储到浏览器当中,然后在发送请求的时候出现添加了token去登录,但是登录的接口却返回了未登录,请登录后在操作,经过查找和请教,发现是发送请求时token出错,要在token之前加上Bearer,这样子发送请求时就相应成功返回200状态码了。在请求拦截器中加入Bearer之后。
2022-12-15 17:30:11 1970
原创 element-ui的时间日期选择器选中的时间样式不是yyyy-MM-dd HH:mm:ss样式
element-ui提供的代码样式,在控制台打印输出选中的值时,发现打印的时间格式为Wed Dec 21 2022 00:00:00 GMT+0800 (中国标准时间) 而不是我们要的yyyy-MM-dd HH:mm:ss样式。
2022-12-13 14:29:11 437
原创 vue使用localStorage存储token
vue中可以使用localStorage方式和sessionStorage方式来存储数据,现在描写的就是运用localStorage把登录时获取到的token存储到浏览器中
2022-12-12 09:51:54 6220
原创 Vue利用mockjs编写假数据并应用
当后端并未编写后台json数据,但是前端又要使用数据进行页面的编写,这是便可用mockjs编写一个假的数据源,发送ajax请求并获取数据。3.在新增的mock文件夹下新建一个json文件,例:list.json 和一个mockServe.js文件。5.把mockServe.js文件引入到src文件夹下的main.js入口文件钟。6.在src目录下的api文件夹中新建一个mockAjax.js文件。7.在src目录下的api文件夹中新建一个index.js文件。2.在src文件目录下新建一个mock文件夹。
2022-11-28 17:03:45 1085
原创 vue + element 表格单行数据导出为excel表格
做导出,生成一个excel表格,以下操作主要实现将element中的table数据生成一个excel表格并做下载操作。3.给el-tab标签添加方法,点击行时把数据给带过去。5.给表格列的button导出按钮添加上点击事件。由于业务内容的需要,我们有时候需要将表格中的。点击单行导出按钮,导出数据为excel表格。2.在src文件夹的目录下方创建两个js文件。4.声明一个数组接受该数据。
2022-11-21 14:17:07 2662 1
原创 vue + element 表格数据导出为excel表格
点击图中导出按钮时,将表格中的数据导出为一个excel文件并下载。1.下载相应的依赖 (命令如下)2.下载完成后引入相应的插件。
2022-11-17 16:14:36 3895 11
原创 使用Node编写一个简单的接口
1.在目录下创建一个空文件夹2.打开cmd或者代码编辑器的终端控制,输入npm init 初始化项目创建.json文件
2022-10-09 16:38:54 1310
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人