调用接口时form-data形式如何传递数据

和后台调接口的时候遇到一个问题，记录一下

调用退出登录的接口时，使用的是form-data的形式，在vue中如何设置

1. 需要在axios拦截器的地方通过传递过来的 type 值来判断，如果是form就设置请求头：content-type：application/x-www-form urlencoded；

// Request interceptor
service.interceptors.request.use(config => {// 判断有无token，如果有设置heders里的属性Authorization的值为tokenif (getStorageRead(KEY)) {config.headers['Authorization'] = getStorageRead(KEY);}// 为了判断是否为formdata格式，增加了一个变量为type,如果type存在，而且是form的话，则代表是formData的格式if (config.type && config.type === 'form') {config.headers['Content-Type'] = 'application/x-www-form-urlencoded'}return config
}, err => {return Promise.reject(err)
})

2. 在调用接口时，如下设置创建 new URLSearchParams()，然后往里填加需要传递的参数；

3. 调用接口时，传递一个配置项 { type:'form' }，这样调用接口时就自动设置好了form-data请求头。

logout() {                       var _this = this;this.$confirm('确认退出吗?', '提示', {}).then(() => {const params = new URLSearchParams();params.append('token', getStorageRead('token'));requestLogout(params, { type:'form' }).then(res => {if(res.data.flag){removeStorage('token');removeStorage('name');_this.$router.push('/login');}})   }).catch(() => { });
}

调用接口时form-data形式如何传递数据相关推荐

LiveNVR拉流视频流媒体平台如何解决JS|axios调用接口时遇到的跨域问题
LiveNVR拉流视频流媒体平台如何解决JS|axios调用接口时遇到的跨域问题 1.JS调用遇到跨域解决示例 2.axios请求接口遇到跨域问题 2.1.post请求 2.2.get请求 3.RTS ...
win10环境下python Selenuim调用Chrome时提示data 不安全
1.先上问题截图,如下图1所示: 图1 问题描述:IDE 为pycharm20181.1专业版,chromeDriver为chromeDiver版本为2.40,匹配Chrome版本号为66-68.具体 ...
python调用接口时传多个参数_python接口自动化11-post传data参数案例
前言: 前面登录博客园的是传json参数,有些登录不是传json的,如jenkins的登录,本篇以jenkins登录为案例,传data参数. 一.登录jenkins抓包 1.登录jenkins,输入账 ...
python request大批量发送请求调用接口时，报错：[WinError 10048] 通常每个套接字地址(协议/网络地址/端口)只允许使用一次。
接到一个项目需求,其中需要调用到供应商的Http API,因为有大量的测试资源,所以代码中会循环调用API. 然而在测试代码执行过程中,过程中偶尔报错: 此时看到报错,怀疑是可能是同时并发的问题, ...
python位置参数要按顺序传吗,中国大学MOOC: 在Python调用函数时，明确指定哪个值传递给哪个参数，实参顺序和形参顺序不一致时，按位置顺序传递数据。答案：错...
何谓缓冲区溢?生缓冲区溢也?俟:简答也中国大学MOOC乘机溶剂澄法比盐析法分辨率高,可以蛋白质之疏密化.俟:误巧克力沫,芝士云等属乳化术于法味中之用也:贾谓货垛之外形状也: 电感性负上联电容后, ...
ThinkPHP通过cURL的调用接口数据
一.从接口管理员那里物理获取AppID.AppSecret(生成方式可参考生成自己的AppID.AppSecret) 二.ThinkPHP cURL查询参数构造: API采用签名方式验证,事先每个需 ...
微信公众号每次调用接口正确或错误的返回码
原文连接:https://blog.csdn.net/pansanday/article/details/65448868 -------------------------------------- ...
微信公众号开发之（文档02）微信公众号调用接口全局返回码
公众号每次调用接口时,可能获得正确或错误的返回码, 开发者可以根据返回码信息调试接口,排查错误全局返回码说明如下: 返回码说明 -1 系统繁忙,此时请开发者稍候再试 0 请求成功 40001 获取 ...
调用接口常用的几种方法
我们在使用String转jsonObject的时候通常使用这两种方法 net.sf.json.JSONObject bodyData = net.sf.json.JSONObject.fromObje ...

调用接口时form-data形式如何传递数据

1. 需要在axios拦截器的地方通过传递过来的 type 值来判断，如果是form就设置请求头：content-type：application/x-www-form urlencoded；

2. 在调用接口时，如下设置创建 new URLSearchParams()，然后往里填加需要传递的参数；

3. 调用接口时，传递一个配置项 { type:'form' }，这样调用接口时就自动设置好了form-data请求头。

调用接口时form-data形式如何传递数据相关推荐

最新文章

热门文章