
项目实战小问题
文章平均质量分 50
我是一个在公司正在做项目的00后程序员,我会在这里更新我自己出的bug和一些像大佬请教的问题,欢迎指导
小莉爱编程
一起学习一起进步
展开
-
uniapp使用uview配置token及请求拦截
配置token首先我这里是用到了uview中的httpuview官网http这里打印一下config可以看到下面的url就是我们请求的接口路径用到vuex保存token效果是让我们每次请求接口的时候自动带上tokenvuex中通过updateToken在登录的时候拿到后端返回的token,保存到vuex中我这里是在登录的时候拉取的接口,拿到token然后在刚才的配置token的http.interceptor.js页面打印一下,如何拿到token值打印出来了,咱们找到拉~原创 2021-10-28 10:02:45 · 5408 阅读 · 2 评论 -
前端window.open实现导出携带参数
如何使用window.open导出并携带参数首先这个方法很好用 window.open(`/api/project-manager/projectReport/exportTimeStatistics?projectId=${this.projectId}&startTime=${this.startTime}&endTime=${this.endTime}`)直接写路径,可以直接打开,如果需要带参数的话,可以像我一样,记得使用es6的插值表达式,tab建上面的那个小引原创 2021-03-15 10:04:36 · 1762 阅读 · 2 评论 -
echarts一条折线图展示多个数据
第三个values是y轴的数据;还有一个sizes是我们说的第三个数据;sizes是一个数组,所以我们只要知道tooltip划到哪一个的索引就可以拿到数据;这里是正常的折线图的渲染;只是展示tooltip的时候 自己格式化了一下。这里就是上面3.2说的 知道数组的索引就可以拿到相应的值;这个params是我鼠标滑到哪里的整个对象;这个方法是将数据转化为G的单位的方法;根据时间展示某一数量的时候的数据大小。这里的size就是第三个数据。这个就是params。...原创 2022-08-09 10:45:03 · 3350 阅读 · 0 评论 -
js无法获取headers中Content-Disposition
js无法获取响应header的Content-Disposition字段原创 2022-07-20 15:15:39 · 4847 阅读 · 3 评论 -
后端给你返回文件流,前端实现下载文件
后端返回的文件流,前端如何实现下载导出文件原创 2022-07-01 15:02:58 · 10789 阅读 · 3 评论 -
js如何给每一个头像的背景颜色都不一样
1.效果2.思路:多种颜色的背景,定义一个数组,里面放置多种颜色的色值,然后通过循环渲染的数据,取出名字的第一个字,放在头像垂直居中显示,再给这个div动态绑定色值进行背景色的修改;而刚才的颜色数组通过取模将色值取出;3.取模4.代码实现首先在return中定义一个颜色数组;colorList: [ "#6D9088", "#D6A3CB", "#A3D6A7", "#E37C7B", "#49B8E6", "#A48原创 2021-11-18 10:23:23 · 3251 阅读 · 2 评论 -
使用js-file-download导出文件undefined
这是我使用js-file-download插件然后导出的时候报错,上代码const params = { projectId: this.projectId, startTime: this.startTime, endTime: this.endTime } axios.get('/api/project-manager/projectReport/exportGeneralTable',{ responseTyp.原创 2021-03-19 16:48:18 · 1530 阅读 · 3 评论 -
使用window.open实现导出下载如何带请求头
请求头:首先我们要知道window.open是不可以带请求头的报这个错的时候就是没有带请求头了每次请求都是需要这两个的解决办法:安装这个插件就非常容易了const params = { //这个里面都是参数 projectId: this.projectId, startTime: this.startTime, endTime: this.endTime }axios.get('/api/project-man原创 2021-03-19 10:33:25 · 12410 阅读 · 5 评论 -
前端请求接口data和params区别
发送请求data和params首先,在我们使用axios时,像这种情况我总是不知道怎么区别,只能一个个的试,但是这可不是好办法,所以我总结了一下。params是添加到url的请求字符串中的,用于get请求而data是添加到请求体(body)中的, 用于post请求这两点就很好区别了,如果我们将params修改为data,显然是不能请求成功的,因为get请求中不存在data这个选项。接口文档接口文档是这样的,接下来上代码,这是正确的,post请求配data看我接下来改成params原创 2021-03-01 10:42:44 · 4887 阅读 · 1 评论 -
一分钟教会你调接口,包教包会
前端调用后端接口作为一个前端小白的你是不是也在彷徨,哈哈哈,让我来告诉你吧,调用接口很简单哦,跟着我来,一分钟,包教包会!!!首先第一步,写一个简单的表格页面,其他的也行,这是有数据的,没调用接口是没有数据的马上开始教学了,认真点第一步,给表格绑定一个刷新的事件第二步在接口文档中,找到这个页面的接口实现这个onload方法在这里引入方法的时候,别引用错误的接口了找到api重新写一个接口的方法,命个名,url就是你这个接口的地址,看后端接口文档,记得看是post还原创 2021-02-03 11:43:52 · 8435 阅读 · 1 评论 -
当后端传递数组给前端如何显示
传递数组前端应该如何将其显示出来首先看这个图不难看出来后端传递给我的是数组吧,作为前端小白我不知道我应该如何将其展示在页面上,如果传递是一个对象的话,我就可以利用浅拷贝this.giveForm.data = Object.assign({}, row.give || {})将数据拷贝到this.giveForm.data上面,直接利用v-model进行绑定,但是现在是一个数组。 getGiveView(row.giveId).then((res) =>{ //dialo原创 2020-12-24 16:43:42 · 6816 阅读 · 1 评论