有个 js 小问题请教下，如下图

老哥们解答下小弟疑惑

JSON.stringify()？

把代码发出来看看

FormData 你发送 JSON 字符串当然有问题啊

为什么你们传表单不用 FormData，我是很疑惑

headers 改为 content-type: application/json，就可以正确发送 json 字符串

注意这是 formdata 而不是 request json，new formdata （）就可以了

qs.stringify({
// ...params
login_type: 'xx',
email: 'xxx,
}
用的 qs

@xg4 后台 api 就是 application/x-www-form-urlencoded，不能用 application/json

if (this.typeData === 'post') {
// post 请求，后台接收 form-data 请求类型的参数
let params = this.getParams()
let sign = this.signHmacSha(params)
params[this.signature] = sign
let url = this.url[this.radioData]
let header = Object.assign(this.headers, {'Content-Type': 'application/x-www-form-urlencoded;charset='})
this.axios.post(url, qs.stringify({
login_type: 'email',
email: 'xxxxx',
password: 'xxxxx'
}, {indices: false}), {
headers: header
}).then((resp) => {
this.outParams = JSON.stringify(resp)
}).catch((response) => {
this.outParams = JSON.stringify(response)
console.log(response)
})
}

```js
const form = new FormData()
form.append('login_type', 'email')
form.append('email', 'xxxxx')
form.append('password', 'xxxxx')

this.axios.post(this.url[this.radioData], form, {
indices: false
}), {
headers: {...this.headers, 'Content-Type': 'application/x-www-form-urlencoded;charset='}
})
```

这样不行？？？

@wunonglin qs.stringify 和你那个都是一样的，都是处理参数成 xx=1&yy=2 这种。正常处理成这就 ok 了，现在有个“”，我不明白

@gaocc #12 你点 view source，是表单就行。你问你后端有没有收到啊

@wunonglin

后台 400，有必填的参数没给，就是没收到

用 qs 不会出现这问题的你看看你自己的参数是不是自己带了双引号

@a516307724 上面有请求的代码可以看下，没有给双引号。
人为操作想在 form data 加“”都不好搞吧

@a516307724 #15

这都不是 form，这样才是 https://i.loli.net/2020/07/30/WjMqAz3gwOKbE6Z.png

你用 formdata 发送啊用 qs 干吗

是不是 axios 的 interceptors 加了点啥?

@gaocc #12 不用手动指定 Content-Type，用 axios 发送 formdata 它会自己处理

@SakuraKuma
没，请求的拦截器都没做处理

@wunonglin 老哥，不在一个频道，捂脸

const formData = new FormData()
formData.append(key, value)

axios({
method: 'post',
url: 'url',
data: formData,
headers: {'Content-Type': 'multipart/form-data' }
})
用这个就好了，为啥要用 qs ？

你的请求 header 设置为 form-data，再用 qs 将参数转为 query 的形式那肯定不对啊。
header 设置为 form-data，请求的 payload 就应该是 formData 。
new 一个 FormData 再传入就好了。

@gaocc #21

https://stackblitz.com/edit/angular-ivy-u8hw2y?file=src%2Fapp%2Fhello.component.ts

我写了个例子，我不信你这样写发不出 form-data

@wunonglin #21 发错了。。。这个 https://stackblitz.com/edit/angular-ivy-u8hw2y

楼主用这种方式试试 ,我的项目里面都是这样封装的，后台也是 x-www-form-urlencoded，从没出现问题

axios({
method: 'post',
url: host+url,
data: qs.stringify(params),
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
})

@LyleRockkk 我和你一样都写法，我再捋捋吧

@gaocc transformRequest 和 请求拦截器有做了什么奇怪的事吗？

@a516307724 靠，拦截器检查了，我没查 transformRequest，真的在这干了奇怪都事情，之前是 json 的就全局转了下 stringify 。感谢感谢