【vue】post请求的参数格式转换为字符串拼接

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

 

 所以回归正题，那就把post接口的参数转换一下，使用qs.stringify()。我这里使用的是全局，在请求拦截器中判断，如果是post请求，就转换参数格式

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);
  }
);