当前位置:   article > 正文

使用axios发送post请求,body传送数据格式form和json区别

axios 设置body 提交数据类型

先来看看这两个种传送格式的写法
1.form格式,将Content-Type类型设置为application/x-www-form-urlencode,POST请求时将data序列化,提交的数据会按照 key1=val1&key2=val2 的方式进行编码,key 和 val 都进行了 URL 转码

clipboard.png

var instance = axios.create({

  1. baseURL: conf.api.api_owt,
  2. timeout: 60000,
  3. headers: {
  4. "Content-Type": "application/x-www-form-urlencoded; charset=utf-8;"
  5. }
  6. });
  7. // http request 拦截器
  8. instance.interceptors.request.use(
  9. config => {
  10. // POST传参序列化
  11. if (config.method === "post") {
  12. config.data = qs.stringify(config.data);
  13. }
  14. return config;
  15. },
  16. error => {
  17. return Promise.reject(error);
  18. }
  19. );

2.json格式,有时候后台需要body传送的是json数据,将Content-Type类型设置为application/json,注意POST请求时data不要序列化

clipboard.png

var instance = axios.create({

  1. baseURL: conf.api.api_owt,
  2. timeout: 60000,
  3. headers: {
  4. "Content-Type": "application/json;"
  5. }
  6. });
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/笔触狂放9/article/detail/285752
推荐阅读
相关标签
  

闽ICP备14008679号