vue+axios

前端Token管理(获取、过期处理、异常处理及优化)

本文实例代码使用的是vue+axiosÏ什么是TokenToken是服务端生成的一串字符串，以作客户端进行请求的一个令牌，当第一次登录后，服务器生成一个Token便将此Token返回给客户端，以后客户端只需带上这个
Controllerszzy·2022-06-30 10:51

vue+axios实现登录注册

vue+axios实现登录注册安装配置axiosaxios入门axios发送登录请求axios完成注册安装配置axios安装axiosnpminstallaxiosaxios就是vue因为不推荐操作dom
不搭857·2022-06-17 07:37

黑马程序：14、 vue、Element

methods属性中1.3.3条件判断指令(v-show、v-if、v-else-if、v-else)：隐藏和显示1.3.4v-for1.3.5v-text、v-html3、vue小黑记事本4、案例(vue
weixin_44953928·2022-06-11 22:14

vue 下载文档乱码的解决

目录vue下载文档乱码文件下载返回乱码处理vue+axios解决方法vue下载文档乱码最近写功能vue导出，但是不知道为啥，一请求接口就是乱码后来在接口里写上了这句话responseType:“blob
·2022-04-28 16:47

Axios 教程：Vue + Axios 安装及实战 - 手把手教你搭建加密币实时价格看板

本文首发：《Axios教程：Vue+Axios安装及实战-手把手教你搭建加密币实时价格看板-卡拉云》Axios是一个基于Promise的HTTP请求库，它用在node.js和浏览器里。
·2022-03-19 17:52

三阶段--day07--前端VUE.js+Axios+后端MP+SSM--实现前端页面表单操作数据库

目录一VUE+Axios练习1.需求分析2.绘制前端页面3实现UserList查询--GET请求类型3.1编辑UserController3.2编辑UserService接口3.3实现类重写业务层接口的方法
心猿意码~~·2022-03-18 21:42

Vue TypeError: Cannot read properties of undefined (reading ‘xxxx‘) ，错误原因及解决方案

今天使用Vue+axios查询数据库信息，并显示。用到了v-for便签。axios也可以正常接收到数据。但是总是报同一个错误，无法读取未定义的标签。但是代码中明显有。
Vivien_oO0·2022-02-23 13:41

vue+axios excle文件导出

res为接口返回数据当获取excle文件时接口请求头配置axios.responseType='blob'---------------------------------------------------------------------------------------------------------------------------------------------------
妖刀_·2022-02-19 10:15

vue+axios实现图片上传识别人脸的示例代码

目录Axios请求Qs处理数据分析Vant上传文件格式完整代码本文主要介绍了vue+axios实现图片上传识别人脸的示例代码，分享给大家，具体如下：先看最终效果：这里采用的是vant的文件上传组件，通过上传图片后端识别图片里的人脸
·2021-11-09 15:29

midway 跨域

开发的API，在前端（vue+axios）调用时总是提示跨域，但ajax又能调用。浪费了很多时间，在此记录一下。
·2021-07-30 17:34

springboot+vue项目在阿里云部署

将前后端分离项目部署到服务器流程：后端：springboot+mybatisPlus+Redis注意数据库ip地址和数据库名称，redis地址就可以打包了；前端：Vue+axios注意路由和axios配置
qq_39159736·2021-05-03 21:06

vue+axios 实现登录拦截权限验证

vue+axios前端实现登录拦截（路由拦截、http拦截）一、路由拦截登录拦截逻辑第一步：路由拦截首先在定义路由的时候就需要多添加一个自定义字段requireAuth，用于判断该路由的访问是否需要登录
web_jianshu·2021-04-22 11:46

vue项目中常用methods

#小前端的成长之路，记录自己搬砖生涯遇到的疑难杂症～#from2018#持续更新1、vue+axios实现进度条image.png2、js更改css属性this.
吃橙子的仓鼠·2021-04-18 12:24

vue+axios中断正在发送的请求

axios内部提供axios.CancelToken.source().cancel()方法用于取消正在发送的请求，我们可以利用这个去处理简单的api封装，具体看公司项目的封装方式importaxiosfrom'axios'exportfunctiongetDataList(cancelToken){returnaxios({method:'get',url:'http://xxx.xxx.x.x
juju~bong·2021-02-25 15:31

vue+axios 实现登录拦截权限验证

一、路由拦截第一步：路由拦截首先在定义路由的时候就需要多添加一个自定义字段requireAuth，用于判断该路由的访问是否需要登录。如果用户已经登录，则顺利进入路由，否则就进入登录页面。constroutes=[{path:'/',name:'/',component:Index},{path:'/repository',name:'repository',meta:{requireAuth:tr
demo_020·2021-01-10 20:26

Vue+axios封装请求实现前后端分离

本文实例为大家分享了Vue+axios封装请求实现前后端分离的具体代码，供大家参考，具体内容如下前言我们需要进行前后端分离开发，那么前后端的跨域问题就是无可避免的问题，前后端的请求也是无可避免的，Vue
·2020-12-25 11:27

axios拦截器_vue+axios 前端实现的常用拦截实战案例！

前言首先我并不是一个称职的前端开发，一直习惯性的实用jq开发，加上公司一直并没有跟上主流，导致前端技术非常的渣。正好最近有一个站点系统需要做，就是用了vue来开发。当前，借助于广大的互联网前端大大的经验才得以完成，这里只是讲一下拦截器，因为我们实用的路由需要权限处理，来源于互联网知识梳理。如何实用路由拦截，怎样使用首先我们会在router/index.js定义路由的时间会在配置中多添加一个自定义字
weixin_39853590·2020-11-25 05:22

Vue+axios封装请求实现前后端分离

文章目录前言一、axios使用1、安装组件2、导入使用3、基础使用二、封装axios1、配置项环境切换设置超时设置post请求的默认请求头请求拦截响应拦截导出axios实例在api.js接口文件中使用axios进行请求总结前言我们需要进行前后端分离开发，那么前后端的跨域问题就是无可避免的问题，前后端的请求也是无可避免的，Vue开发可以使用一个请求组件，做到跨域请求，这个组件就是axios，我们可以
zukxu·2020-10-19 23:05

vue + axios 解决跨域问题

vue+axios解决跨域问题项目开发过程中遇到了使用axios请求后台接口跨域的问题，网上搜了几种方案都没有解决，最后通过配代理的方式解决了，代码如下：报错：首先npm安装好axios，其次在main.js
路 西·2020-10-10 13:13

Vue系列5 - Vue+axios实现文件下载

文件下载：文件下载通常有几种方法1.通过url下载2.location.href3.form提交直接下载4.HTML5a.download结合blob对象进行下载第一种方式：第一种方法是前后端的接口只给了一个API请求：前端第一个实现是使用a标签，第二种方式：这个方法是直接把DataURLs或者BlogURLs传到浏览器地址中触发下载。有两种方式：window.location.href=urls
西北码农·2020-09-17 10:37

Laravel 5.5 使用 Jwt-Auth 实现 API 用户认证、刷新令牌(一)

Laravel–CORS扩展包完美解决前后端分离应用跨域请求vue+axios拦截器实现统一tokenLaravel5.5使用Jwt-Auth实现API多用户、多字段
醉卧码场君莫笑·2020-09-16 17:59

VUE+axios渲染数据

Vue1Vueajax渲染数据查询所有，按ID查询，修改实例CSS[v-cloak]{display:none;}HTML{{u.id}}{{u.username}}{{u.password}}{{u.sex}}{{u.age}}{{u.email}}详情编辑×用户信息用户名:密码:性别:年龄:邮箱:关闭修改JSvarvm=newVue({el:app,data:{user:{id:"
汤大大·2020-09-16 14:59

也许这是最优雅的前端请求方案

来看看以下大家常用的请求方式弊端分析，看看是不是也有类似的痛点，以vue+axios项目为例。#通用的文件结构requ
weixin_34233421·2020-09-16 01:27

前后端分离单点登录

登陆过程中，需要重定向至CASServer，前端Vue+axios，需要从单页面跳转至login页面，后端如果使用response.sendRedirect()，返回302，axios并不能拦截到302
六种鱼·2020-09-15 16:57

vue+axios实现文件下载

importaxiosfrom'axios'/***入库纠正和数据库数据页面的导出方法*/exportfunctionexportListData(bookings,url){if(bookings.length>0){axios.post(url,{ids:bookings,//传参},{headers:{'Content-Type':'application/json'}}).then((re
xinxin_csdn·2020-09-15 09:08

vue+axios导出文件(excel)

1.请求类型需要设置为:responseType:blob或者为arraybuffer,这个默认是jsonexportfunctionexportExcel(params){returnrequest({url:process.env.ADMIN_API+'/api/admin/token/blog/export',method:'post',data:params,responseType:'b
qq_42151769·2020-09-14 09:20

vue 导出Excel乱码问题解决方案

打赏下哦~vue交流1群:153181864前端交流群（满）vue交流2群:869745456前端交流2群博主用的是vueelement框架，流程描述下1、前端用vue+axios请求后端数据2、请求的数据在前端打包成
雪狼之夜·2020-09-12 15:36

java使用Poi实现从服务器导出excel(前端使用vue)

后端使用的是springboot，前端用的是vue+axios（坑点多）话不多说直接上代码Controller@PostMapping(value="/getExcel",produces=MediaType.APPLICATION_OCTET_STREAM_VALUE
梧桐化雨°·2020-09-12 15:06

axios 处理 302 状态码的解决方法

我这是使用的是Vue+axios，发现axios无法拦截到302请求，下面是处理的过程。
xmy_wh·2020-09-12 14:18

vue+axios 拦截器实现统一token的案例

需求要想统一处理所有http请求和响应，就得用上axios的拦截器。通过配置httpresponseinteceptor，当后端接口返回401Unauthorized（未授权），让用户重新登录。通过这个项目学习如何实现一个前端项目中所需要的登录及拦截、登出、token失效的拦截及对应axios拦截器的使用。代码如下：constinstance=axios.create({baseURL:'http
·2020-09-11 18:44

vue对后台返回的二进制流进行下载（vue+axios）

vue对后台返回的二进制流进行下载（vue+axios）1.设置axios的数据返回类型为blobresponseType:“blob”2.接收后台返回的二进制流数据resvarblob=newBlob
喵喵超能睡·2020-09-11 14:37

用Vue+axios写一个实时搜索

刚刚在学vue，试着写了一个实时搜索文件。思路:1.input通过v-model绑定。2.通过watch检测输入结果变化。3根据结果变化从api调用不同的数据。代码如下：vue搜索:{{result}}varvm=newVue({el:'#app',data:{search:'',result:''},watch:{search:function(val){var_self=this;axios.
weixin_34198797·2020-09-11 11:54

vue+axios音乐播放器

数据全部动态生成，数据由接口提供axios介绍：Axios，基于Promise的HTTP客户端，可以工作于浏览器中，也可以在node.js中使用。功能：从浏览器中创建XMLHttpRequest从node.js中创建http请求支持PromiseAPI拦截请求和响应转换请求和响应数据取消请求自动转换JSON数据客户端支持防止XSRF攻击示例代码：执行一个GET请求//Makearequestfor
beiwangshan·2020-09-10 11:45

Vue(小案例_vue+axios仿手机app)_Vuex优化购物车功能

一、前言1、用vuex实现加入购物车操作2、购物车详情页面3、点击删除按钮，删除购物详情页面里的对应商品二、主要内容1、用vuex加入购物车（1）在src目录下创建store.js,importVuefrom'vue'importVuexfrom'vuex'Vue.use(Vuex)exportdefaultnewVuex.Store({//vuex五大将state:{num:1//小球的数量默认
weixin_30710457·2020-08-24 20:03

【Vue+axios】 axios拦截伪造token,判断是否登录

【Vue+axios】axios拦截伪造token,判断是否登录http文件夹中的http.js添加响应拦截器//导入axiosimportaxiosfrom'axios'importrouterfrom
青青子衿·2020-08-24 11:00

vue+axios中的get请求传参，post请求头（form/json）不一样的传参的处理

需要引入importaxiosfrom'axios'importQsfrom'qs'（如果只是get请求就不需要引qs）1.正常get请求：varparams={pageindex:_this.currentPage1-1,pagesize:_this.curPageSize1,}axios.get("你请求的接口地址",params).then(function(res){_this.loadi
weixin_39701533·2020-08-23 21:42

axios动态更新el-table的注意事项

最近在写一个demo,尝试用vue+axios更新el-table,结果发现一直失败,后来百度才找到了问题,在vue的方法里更新data时,不能使用下面的代码(原因未知)this.jobList=response.data.result
on_my_way20xx·2020-08-23 17:00

Vue学习之路之登录注册实例代码

blog.csdn.net/wang1006008051/article/details/77962942/vue登录路由验证的实现：https://www.jb51.net/article/130487.htm【vue
weixin_30527423·2020-08-22 03:04

刷新token并继续之前的请求

项目用的是vue+axios，判断token是否过期是直接判断cookie中的token是否存在。开始是写在axios过滤器里，但是没找到什么方
littleStar_up·2020-08-21 19:23

vue+axios将后端返回的图片流显示到img标签中

varthat=thisaxios.get("接口地址",{responseType:"arraybuffer",params:传给后端的数据}).then(response=>{return("data:image/png;base64,"+btoa(newUint8Array(response.data).reduce((data,byte)=>data+String.fromCharCode
qq_37628661·2020-08-21 05:04

前后端分离下用jwt做用户认证

0前后端分离下的用户信息认证前端使用Vue+axios，后端使用SpringBoot+SpringSecurity。
民意代表·2020-08-21 01:19

前后端分离下用jwt做用户认证

0前后端分离下的用户信息认证前端使用Vue+axios，后端使用SpringBoot+SpringSecurity。
民意代表·2020-08-21 01:19

Vue+axios请求本地json

axios请求本地json,相关依赖安装1：npm安装npminstallaxios--save2.在main.js下引用axiosimportaxiosfrom'axios'一切环境依赖搭建好之后,下面来写个例子：axios请求本地json1：在static文件夹底下新建json文件，（本地JSON文件一定要需放在static文件夹之下。）访问服务器文件，应该把json文件放在最外层的stati
祈澈菇凉·2020-08-18 01:05

vue+axios上传文件

单独上传文件：methods:{update(e){letfile=e.target.files[0];letparam=newFormData();//创建form对象param.append('file',file);//通过append向form对象添加数据console.log(param.get('file'));//FormData私有类对象，访问不到，可以通过get判断值是否传进去l
帅气的梧桐述·2020-08-17 12:57

跨域请求传递Cookie问题

跨域请求传递Cookie问题问题描述前后端完全分离的项目，前端使用Vue+axios，后端使用SpringMVC，容器为Tomcat。
侯知侯觉·2020-08-16 13:53

vue+axios 开发环境与生产环境配置请求接口，本地开发和线上开发有多个请求地址怎么处理？上线后自动获取ip,不需改请求地址可运用多个项目中

1.配置本地开发环境接口：进入到项目目录config文件中index.js；当页面有多个不同地址时此可以重定向，下图中会出现报错的就是路径问题，创建所有httpUrl接口请求。举例后台请求地址为：192.168.11.12:80/omc/login,第一个/omc;页面请求地址写为/omc/login，请求地址为192.168.11.11：80/node/list第二个/api页面请求地址要写成/
skye_Z·2020-08-15 19:23

vue+axios下载后台返回的文件流

//拦截器axios.interceptors.response.use(response=>{//数据拿到之后NProgress.done()if(response.headers['content-disposition']){//此判断主要是要取到content-disposition的值returnresponse}else{returnresponse.data}},error=>{Me
Abez_c·2020-08-15 18:32

vue+axios自己踩过的坑

axios的介绍就不用了吧，api有具体的介绍axios或者是axios中文；主要讲的就是我自己在第一次使用axios中遇到的问题，及二次封装先来说说二次封装，之前自己也是网上找了很多同学的封装，要么就是把post和get请求分开的，要么就是只大概写了一种的或者只是吧API又复制粘贴了的，都不太符合实际的使用,那就自己写呗asxios的post和get一个传值是使用data，一个是使用params
webRunning·2020-08-15 16:04

Vue+Axios:使用拦截器来取消多次重复的请求

-----写在前面-----家园的面试项目接近尾声了，剩下一个大模块（响应式布局）和两个小功能（下拉到一定程度获取新的信息、持续监听返回数据，当有更新时在页面上方提示）听起来下拉到某个位置获取新信息是不难，但今天就遇到了两个问题：1.下拉过程中会不断发起url相同的请求，可能会有被拉黑的风险，并且影响实际性能。最重要的，在then()方法中会将返回数据稍做处理后添加进组件数据，并且会驱动Vue更新
aozhou9334·2020-08-15 13:53

前后端分离下用jwt做用户认证

0前后端分离下的用户信息认证前端使用Vue+axios，后端使用SpringBoot+SpringSecurity。
民意代表·2020-08-14 00:30
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他