Vue+Axios请求接口方法与传参方式是什么(axios,vue,开发技术)

时间:2024-05-02 10:30:05 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

    Vue%2BAxios%E8%AF%B7%E6%B1%82%E6%8E%A5%E5%8F%A3%E6%96%B9%E6%B3%95%E4%B8%8E%E4%BC%A0%E5%8F%82%E6%96%B9%E5%BC%8F%E6%98%AF%E4%BB%80%E4%B9%88

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请求接口方法与传参方式是什么的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:php手册怎么理解下一篇:

8 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18