vue+axios

vue+axios 前端下载文件-解决后端返回的文件流乱码问题

打印出后端返回的数据：乱码了解决方法：在前端请求的时候携带请求头responseType:blob，axios({method:'GET',url:'/api',params:params,responseType:'blob'}).then(res=>{console.log(res)letblob=newBlob([res.data],{type:"application/vnd.ms-exc
weixin_33962621·2020-06-28 08:45

vue+axios使用（form/json）传参，后端SpringBoot接受

vue+axios使用（form/json）传参，后端SpringBoot接受一、前端axios传参1、form表单形式2.1、JSON形式(1)2.2JSON形式(2)二、后端接受数据1、接受form
南方归人·2020-06-25 16:31

前端传递对象数组，后端使用list接收并解析

使用环境：前端vue+axios，后端springBoot前端save(){constdata=[]//图片对象数组data.push({gpGid:this.gId,gpAddress:this.imgList
风如也·2020-06-25 13:42

vue+axios post 文件下载

请求接口的数据并把数据带着传给接口下载文件‘数据太大不能用get方法方法如下getDaochuData(){this.spinning=trueletname=''if(this.curSelect==='facility'){name='营地'}elseif(this.curSelect==='project'){name='现场施工'}elseif(this.curSelect==='diff
jininzhq·2020-06-24 16:34

SpringBoot-Vue实现增删改查及分页小DEMO

开发栈前端开发工具：WebStorm开发框架：vue+axios包管理工具:npm打包工具：webpack后端开发工具：IDEA开发框架：Springboot+mybatis
年轻的心跳·2020-06-23 22:42

浏览器跨域解决方式（JSONP、Cors）

2、什么是浏览器跨域下面我们来看看一个例子:前端前端的端口号是8081这是我用vue+axios写的测试methods:{getInfo(){this.axios.get('http://localhost
HarryZhang6·2020-06-22 10:58

springBoot项目配置热部署

最近在整一个前后端分离的练手项目，后端是springBoot，前端是Vue+axios。
G_axis·2020-06-22 07:18

【vue+axios】一个项目学会前端实现登录拦截

一个项目学会vue全家桶+axios实现登录、拦截、登出功能，以及利用axios的http拦截器拦截请求和响应。前言该项目是利用了Github提供的personaltoken作为登录token，通过token访问你的RepositoryList。通过这个项目学习如何实现一个前端项目中所需要的登录及拦截、登出、token失效的拦截及对应axios拦截器的使用。准备你需要先生成自己的GithubPer
web_jianshu·2020-05-19 23:04

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

0前后端分离下的用户信息认证前端使用Vue+axios，后端使用SpringBoot+SpringSecurity。
fhspringcloud·2020-04-23 14:35

对数据进行一些基本操作（四）

接收post请求（vue+axios）解决跨域问题（三）效果预览最终效果预览node路由配置增删改查//查询语句varselAll='select*fromlist';//根据post的id查询varselId
RtyXmd·2020-04-13 00:22

vue+axios下载后端返回的二进制流文件

blobBLOB就是使用二进制保存数据。数据的导出，get方式/***数据导出*/exportData(searchForm){this.$http({method:'get',//请求方式url:Apis.EXPORT_DATA,//请求地址params:{//请求参数startDate:searchForm.startDate,endDate:searchForm.endDate,orderN
chan_it·2020-04-08 19:47

VUE+Axios请求加安全级别

文章转自《https://my.oschina.net/Lady/blog/1814825》一、前端封装加密工具,这个是引用了crypto.js，通过npm安装npmi--savecrypto-js/**通过crypto-js实现加解密工具AES、HASH(MD5、SHA256)、base64/importCryptoJSfrom'crypto-js';constKP={key:'12345678
little_short·2020-04-06 08:06

列表拖拽js（本方案适用于vue + axios 工程化项目）

/**createdbyshangxiaoyang2017/11/10拖拽js（本方案适用于vue+axios工程化项目）适用:chromeffie9+其他浏览器使用方式：1、draggable='true
偏爱电气焊·2020-04-05 10:25

接收post请求（vue+axios）解决跨域问题（三）

编写接口连接并查询数据库数据（二）1.通过postman测试post请求新建一个接收post的路由//根据post的id查询varselId='select*fromlistwhereid=?'//响应postrouter.post('/list',function(req,res,next){varid=req.body.id;//通过req的body拿到post的idpool.getConne
RtyXmd·2020-04-03 06:00

01vue+axios+formData实现文件上传（包含简单的Java后台）

参考文章：用纯css美化按钮vue+axios实现文件上传简单原理以及操作萌新用vue+axios+formdata上传文件的爬坑之路从0开始做一个的Vue图片/文件选择(上传)组件[基础向]vue中利用
exmexm·2019-12-26 09:14

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

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

验证码功能前后端实现以及使用createObjectURL下载内容以及生成图片

标签使用CreateObjectURL实现下载文件以及渲染图片HTML5进阶系列：文件上传下载java生成验证码createObjectURL的api文档说明需求需求:需要完成图片验证码功能,前端技术栈vue
exmexm·2019-12-19 11:30

IE11 304缓存导致的bug

背景：使用vue+axios写的search页面，在axios的interceptors中增加了elmentui的loading动画。bug：表现：ie11中，经常出现loading一直不消失的问题。
NaturalAI·2019-12-14 09:36

前端API层架构，也许你做得还不够

今天我以vue+axios为例，为大家梳理下我的一些经历和设想。石器时代，痛苦直接调用axios，真的痛苦，每个调用的地方都要进行响应状态的判断，冗余代
Tusi·2019-12-13 06:23

vue+Axios 实现路由拦截和登录拦截

一、路由拦截在项目中，有些页面往往需要登录后才可以浏览，有些页面则不需要，那么我们就可以通过路由拦截进行处理。首先，需要对router进行修改，如下：importVuefrom'vue';importRouterfrom'vue-router';Vue.use(Router);constrouter=newRouter({{path:'/home',name:'Home',component:()
Avery_G·2019-12-12 19:09

【VUE】vue在vue-cli3环境下基于axios解决跨域问题

网上的绝大部分教程解决vue+axios跨域问题都不能直接适用vue-cli3。这是因为vue-cli3不一样的配置方式导致的。
黄烤鸭·2019-12-08 15:00

前端API层架构，也许你做得还不够

今天我以vue+axios为例，为大家梳理下我的一些经历和设想。石器时代，痛苦直接调用axios，真的痛苦，每个调用的地方都要进行响应状态的判断，冗余代
Tusi博客·2019-12-04 11:00

初次体验前后端分离

记录第一次体验前后端分离，自己用SpringBoot+Mybatis写了一个接口，然后前端用Vue+axios实现获取数据并渲染到页面。1.将我们的后端代码跑起来，哈哈哈。
YoonaDa·2019-12-01 13:11

Axios 执行post发送两次请求的小坑

实际项目也是应用上了vue+axios，然后就有了这么一段填坑的经历。问题：axios使用post请求时，发送了两次，而get则正常。
以乐之名·2019-11-30 10:29

前后端分离后请求问题+vue+axios

后端用的框架是springmvc，并且在这个方法上使用了注解@RequestParam，这个就只能从请求的地址中取出参数，也就是只能从username=admin&pwd=11111这种字符串中解析出参数，也就是编码格式（content-type）为：application/x-www-form-urlencode。（表单form的enctype属性的编码方式有两种：application/x-w
艳晓·2019-11-08 09:42

SpringBoot-Vue实现增删改查及分页小DEMO

开发栈前端开发工具：WebStorm开发框架：vue+axios包管理工具:npm打包工具：webpack后端开发工具：IDEA开发框架：Springboot+mybatis打包工具：maven数据库：
NQDXT·2019-09-30 15:00

vue+axios 前端实现登录拦截的两种方式（路由拦截、http拦截）

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

详解vue+axios给开发环境和生产环境配置不同的接口地址

为什么要配置不同的接口地址在开发过程中，前端请求访问的是自己本机启动的后台服务，此时涉及到跨域（因为端口不一样），所以在config/index.js文件中配置了代理//检查某个文件是否存在try{fs.statSync(path.join(__dirname,'../proxy/'+templatedir+'.json'))//如果可以执行到这里那么就表示存在了console.log(124)p
雨梦迟歌·2019-08-16 10:13

axios异步提交表单数据的几种方法

踩坑Axios提交form表单几种格式前后端分离的开发前后端,前端使用的vue,后端的安全模块使用的SpringSecurity,使用postman测试后端的权限接口时发现都正常,但是使用vue+axios
赐我白日梦·2019-08-11 08:00

axios异步提交表单数据的不同形式

踩坑Axios提交form表单几种格式前后端分离的开发前后端,前端使用的vue,后端的安全模块使用的SpringSecurity,使用postman测试后端的权限接口时发现都正常,但是使用vue+axios
赐我白日梦·2019-08-10 23:00

vue+axios访问本地json数据踩坑点

当我们想在vue项目中模拟后台接口访问json数据时，我们发现无论如何也访问不到本地的json数据。注意：1.在vue-cli项目中，我们静态资源只能放在static文件夹中，axios使用get请求。importaxiosfrom'axios'exportconstGroupCity=()=>{returnaxios.get('../../static/groupcity.json')}expo
一个懒惰的陈xx·2019-04-29 16:00

axios 踩得坑

一Content-Type需求要做一个表单提交的单页面,需要跟后端联调html+ajax也可以,jq也行(cdn引入)vue+axios也行(cdn引入)这么多方法,我选了vue+axiosaxios请求
格调的声色影像·2019-04-18 12:57

axios 踩得坑

一Content-Type需求要做一个表单提交的单页面,需要跟后端联调html+ajax也可以,jq也行(cdn引入)vue+axios也行(cdn引入)这么多方法,我选了vue+axiosaxios请求
格调的声色影像·2019-04-18 12:57

解决vue+axios请求报错POST http: net::ERR_CONNECTION_REFUSED,在封装的请求中统一处理请求异常的问题

axios请求报错POSThttp:net::ERR_CONNECTION_REFUSED,通常都是服务端问题，因为第一次与服务器的链接服务器没有做出任何响应，找服务端吧。但是对于这种报错我们也要做一下处理，用户体验会更好。这种错误的详细解释：浏览器控制台错误101(net::ERR_CONNECTION_RESET)的本身含义就是这个网站存在故障暂时无法访问，也就是说这个网站服务器被关闭或者是你
管火火火·2019-03-18 14:19

vue+axios实现移动端图片上传

在利用vue做一些H5页面时，或多或少会遇到有图片上传的操作，主要是运用html5里面的input[type=file]来实现，传递到后端的数据是以二进制的格式传递，所以上传图片的请求与普通的请求稍微有点差异，具体体现在传递数据的格式是FormData，FormData是一个构造函数，具体用法链接如下:MDN:https://developer.mozilla.org/zh-CN/docs/Web
Gerryli·2019-01-19 15:00

el-upload上传文件跨域问题解决

今天下午使用el-upload自带的上传文件时，使用文档中的网址是可以的，换成开发的接口就报错了，发现是option请求，这让我想到了项目的环境vue+axios发送请求模式，网上看了很多文章，要么说改
DaveLeeCN·2018-12-29 15:31

el-upload上传文件跨域问题解决

今天下午使用el-upload自带的上传文件时，使用文档中的网址是可以的，换成开发的接口就报错了，发现是option请求，这让我想到了项目的环境vue+axios发送请求模式，网上看了很多文章，要么说改
DaveLeeCN·2018-12-29 15:31

vue+axios导出zip Excel等文件

由于项目中采用了token验证，用A标签跳转下载的做法就不再可行了所以：1.axios设置responseType:'blob',2.axios响应consttype='application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8'//excel文件consttype='application/zip
沙漠面包·2018-12-11 18:45

vue+axios请求时设置请求头（带上token）

1.在vue中，向后台发送请求，不管是get或post，url要带上userId，headers要带上token值（本地存储的token，window.localStorage[‘token’]）PS：登录成功后，后台会返回token和userId，存储在本地。但是跳转到其他页面时没有token，会报错undefined，所以每次请求都要带上token值。（每次跳页面,都要获取新路由对应的html
oner的万能姐妹宣yin·2018-11-06 09:21

vue+axios文件上传项目实践

这几天做项目时涉及到一个“上传文件”的功能实现，没有用组件实现，遇到了一些问题，比如cookie权限，接口代理，传参等问题，特此来总结一下。首先是样式实现上传文件因为用到了一个i-button的样式组件，故在i-button上方写了个隐形的input框再是上传文件的功能实现本来没有在api里写接口，尝试通过下面这种方式来实现文件上传。update(e){letfile=e.target.files
好奇的猫猫猫·2018-10-30 12:24

vue+axios 前端实现登录拦截的两种方式（路由拦截、http拦截）

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

axios接收后台图片二进制流显示到前端

在使用Vue+axios做项目时候遇到一个问题，就是后台传给前端一个图片二进制流的时候，我这边进行转换Base64图片，然后进行显示，希望有所帮助。
一个人的炫彩·2018-10-18 11:39

解决java使用axios.js的post请求后台时无法接收到入参的问题

使用vue有一段时间了，下面是我在Java环境下使用vue+axios的时候遇到的一个坑，在这分享给大家，如有不正确或者疑惑的地方可以给我留言。
wangpan_java·2018-09-25 11:26

vue+axios实现文件下载及vue中使用axios的实例

功能：点击导出按钮，提交请求，下载excel文件；第一步：跟后端童鞋确认交付的接口的responseheader设置了以及返回了文件流。第二步：修改axios请求的responseType为blob，以post请求为例：axios({method:'post',url:'api/user/',data:{firstName:'Fred',lastName:'Flintstone'},respons
留给时间·2018-09-21 14:53

vue+axios 前端实现登录拦截（路由拦截、http拦截）

vue+axios前端实现登录拦截（路由拦截、http拦截）一、路由拦截登录拦截逻辑第一步：路由拦截首先在定义路由的时候就需要多添加一个自定义字段requireAuth，用于判断该路由的访问是否需要登录
学富五车·2018-09-17 15:00

vue+axios OSS上传阿里云

Vue上传文件到阿里云总结：html:js:importaxiosfrom'axios';importOSSfrom'ali-oss';upload(e){var_self=this;console.log(e.currentTarget.files[0]);varurlStr=_self.upLoadAvatarOss(e);console.log(urlStr);},asyncupLoadAv
demolw·2018-09-06 10:50

vue+axios 前端实现的常用拦截的代码示例

Axios拦截器配置main.js//定义一个请求拦截器Axios.interceptors.request.use(function(config){store.state.isShow=true;//在请求发出之前进行一些操作returnconfig})//定义一个响应拦截器Axios.interceptors.response.use(function(config){store.state
风雨后见彩虹·2018-08-23 11:14

vue+axios（前端）node+express（后台）使用formdata上传图片

需求前因：平常普通的HTML中我们上传文件大多在标签内使用直接submit整个表单，现如今我们不能使用标签，如何只是用实现上传文件呢？实现需求需要解决的问题：1.如何在js逻辑中取得文件？2.以什么形式上传？3.后台如何接收？前台代码：（如何取得文件实体，以FormData形式用axios上传）importaxiosfrom'axios';exportdefault{data(){return{}
hardly555·2018-08-06 09:59

Vue+axios实现统一接口管理的方法

通过axios请求接口已经很简单了，但最近在做一个vue项目，想着把axios请求再封装一下，这样api就可以只在一处配置成方法，在使用的时候直接调用这个方法。但咱们不用每个接口都定义成一个��嗦的axios请求方法，既然是想简单点，就尽量只在一处完成简单的配置。1、配置api接口将同一模块的接口放在一个文件下，比如我在src的services下定义了一个global.js作为全局服务的配置，在它
ZhangCui·2018-07-23 09:38

Vue+axios统一接口管理

通过axios请求接口已经很简单了，但最近在做一个vue项目，想着把axios请求再封装一下，这样api就可以只在一处配置成方法，在使用的时候直接调用这个方法。但咱们不用每个接口都定义成一个啰嗦的axios请求方法，既然是想简单点，就尽量只在一处完成简单的配置。1、配置api接口将同一模块的接口放在一个文件下，比如我在src的services下定义了一个global.js作为全局服务的配置，在它里
ZhangCui·2018-07-23 09:00
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他