get请求数组参数,格式转换

发布时间 2023-12-12 18:19:22作者: 朝颜浅语

get请求转码

关于qs插件

qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。可以进行对象与字符串之间的一个转换。

安装qs

axios中自带qs无需下载,若单独下载只需npm install qs即可

使用

组件中单独引入
import qs from 'qs'
或者全局引入(main.js)
Vue.prototype.$qs = qs

qs对数组格式的get请求编码

let param = {
    List: qs.stringify([1,2,3,4,5]) // List:0=1&1=2&2=3&3=4&4=5
}

// 初始化参数
axios
    .get('/xxx/xxx/xxx/xxx', {
    params: param,
    // responseType: 'blob', // 1.首先设置responseType对象格式为 blob:
})

// 请求地址 ..../xxx/xxx/xxx/xxx?List=0%3D19%21%3D2%262%3D3%263%3D4%264%3D5

不使用qs插件直接进行转码/解码

适用于单个字符串的格式转换

1.编码
encodeURIComponent(str)
2.解码
decodeURIComponent(str)