【vue】post请求的参数格式转换为字符串拼接-Toy模板网

这篇具有很好参考价值的文章主要介绍了【vue】post请求的参数格式转换为字符串拼接。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

我在提交表单的时候，发现一直报500这个错，说是超时，但是我反复查看，并没有什么问题。后来我请求大佬说是请求接口的参数的问题，使用对象JSON的形式就是获取不到，必须是字符串拼接的格式才可以（默默地说，post默认参数是对象JSON格式传递，传字符串拼接的格式是后端改的，也就是说.....）

可以使用下面哪些方法,将post请求中的data参数转成字符串key=value&key2=value2的,Vue,vue.js,postman,json

所以回归正题，那就把post接口的参数转换一下，使用qs.stringify()。我这里使用的是全局，在请求拦截器中判断，如果是post请求，就转换参数格式文章来源地址https://www.toymoban.com/news/detail-520753.html

npm install qs

import qs from "qs";

service.interceptors.request.use(
  (config) => {
    // do something before request is sent

    // 若是post请求，把参数是对象的格式转换为字符串格式拼接
    if (config.method == 'post') {
      config.data = qs.stringify(config.data)
    }
    // 如果有token会得到当前的token 并且直接添加到请求头中， 以便后端得到当前登录的信息。
    // if (store.getters.token) {
    //   // let each request carry token
    //   // ['X-Token'] is a custom headers key
    //   // please modify it according to the actual situation
    //   config.headers['token'] = getToken()
    // }
    return config;
  },
  (error) => {
    // do something with request error
    console.log(error); // for debug
    return Promise.reject(error);
  }
);

到了这里，关于【vue】post请求的参数格式转换为字符串拼接的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！