Vue+Axios请求接口方法与传参方式是什么
导读:本文共1687字符,通常情况下阅读需要6分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 一、Get请求:Get请求比较简单,通常就是将参数拼接到url中 用? &连接或者用下面这种方式:this.axios.get(this.getWxQyUserInfoUrl,{params:{agentid:this.doLoginParams.agentid,code:this.doLoginParams.code}})二、Post请求:1... ...
目录
(为您整理了一些要点),点击可以直达。Get请求比较简单,通常就是将参数拼接到url中 用? &连接或者用下面这种方式:
1)表单数据 FormData传参方式
① axios配置,设置请求头:Header
Accept: text/plain, text/html --指定客户端能够接收的内容类型
Content-Type:Content-Type: application/x-www-form-urlencoded --请求的与实体对应的MIME信息
一般设置方式如下:
this.axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded;'; //配置请求头 //JSON格式的为:'application/json;charset=UTF-8'
指定客户端能接受的内容类型 一般在全局的封装request中:main.js中
跟设置单独的响应异常处理类似:
② 请求接口封装文件中,引入qs中间件,请求方法为post时,参数需要通过qs.stringify函数进行格式转换
qs模块是axios中自带的不需要下载,直接导入 核心就是把参数转换成标准的键值对
全局引用方式:main.js中
然后在各个页面就可以直接 this.$qs.stringify(params)
使用了
单页面引用:
2)JSON字符串传参方式
① axios配置,设置请求头:Head
② 请求参数使用SON.stringify()函数转换,也可以不转换直接传参数
最后附上设置webservice接口直接返回json格式而不是xml格式的响应:
改变数据的返回方式,用 Context.Response.Write代替return 语句,可返回Json格式数据,如下:
Vue+Axios请求接口方法与传参方式是什么的详细内容,希望对您有所帮助,信息来源于网络。