content-type a标签打开文件并指定编码

axios的使用

安装(一般使用框架的话, 脚手架都集成了)

$ npm安装axios请求// POST模式axios . POST(& # 39；/用户& # 39；，{名字:& # 39；弗雷德& # 39；，姓氏:& # 39；燧石族& # 39；}) .然后(函数(响应){ console.log(响应)；}) .catch(函数(错误){ console.log(错误)；});//获取模式axios . GET(& # 39；/用户& # 39；，{ params: { ID: 12345 } })。然后(函数(响应){ console.log(响应)；}) .catch(函数(错误){ console.log(错误)；});//执行多个并发请求axios。all ([get1()、get2 ()])。然后(axios。spread (function (acct，perms){//两个请求现在都执行})；您可以通过将相关配置传递给axios: axios(config)来创建请求语法。

axios({ method:& # 39；邮政& # 39；，网址:& # 39；/user/12345 & # 39；，数据:{名字:& # 39；弗雷德& # 39；，姓氏:& # 39；燧石族& # 39；}});这里我就以相关配置为例，因为我已经在这里躺过两次了，所以有必要记录一下，哈哈。我默认不写content-type，而是用json交付，(Content-Type:application/JSON；charset = UTF-8)axios({ URL:& # 39；/API/connect/token & # 39；，方法:& # 39；邮政& # 39；，数据:{名字:& # 39；弗雷德& # 39；，姓氏:& # 39；燧石族& # 39；} }).然后(res = & gt{ console.log(1234，res.data) })。catch(错误= & gt{console.log(error)})请求标头如下:

请求有效负载{名字:& # 34；弗雷德& # 34；，姓氏:& # 34；燧石族& # 34；}将}content-type改为x-www-form-urlencoded，即表单提交方法axios({ URL:& # 39；/API/connect/token & # 39；，方法:& # 39；邮政& # 39；，数据:{名字:& # 39；弗雷德& # 39；，姓氏:& # 39；燧石族& # 39；}，标题:{ & # 39；内容类型& # 39；: 'application/x-www-form-urlencoded & # 39；} }).然后(res = & gt{ console.log(1234，res.data) })。catch(错误= & gt{console.log(error)})请求标头如下:

表单数据{ & # 34；名字& # 34；:"弗雷德& # 34；,"姓氏& # 34；:"燧石族& # 34；}:在另一种情况下，它被序列化为字符串并传递给axios({ URL:& # 39；/API/connect/token & # 39；，方法:& # 39；邮政& # 39；，data:JSON . stringify({ first name:& # 39；弗雷德& # 39；，姓氏:& # 39；燧石族& # 39；}) }).然后(res = & gt{ console.log(1234，res.data) })。catch(错误= & gt{console.log(error)})结果与上面一致:

表单数据{ & # 34；名字& # 34；:"弗雷德& # 34；,"姓氏& # 34；:"燧石族& # 34；}:还有一种常见的情况是数据通过qs库编码(前提必须安装QS)从& # 39；qs & # 39axios({ URL:& # 39；/API/connect/token & # 39；，方法:& # 39；邮政& # 39；，data:QS . stringify({ first name:& # 39；弗雷德& # 39；，姓氏:& # 39；燧石族& # 39；}) }).然后(res = & gt{ console.log(1234，res.data) })。catch(错误= & gt{console.log(错误)})结果:

请求头内容-类型:application/x-www-form-urlencoded表单数据名:Fred姓:Flintstone使用qs时需要注意的点:allowDots(多层对象嵌套，可用。tag)QS . stringify({ a:{ b:{ c:& # 39；d & # 39，e:& # 39；f & # 39} } }，{ allow dots:true })；// 'a . b . c = d & a . b . e = f & # 39；好了，就这样。学生在与服务器接口的过程中遇到问题。可以多调试一下传输的格式，然后就能发现变化，定位问题。