将axios的post改为普通的表单提交

将axios的post改为普通的表单提交

使用插件qs, 安装命令如下:

npm install --save qs

引入QS，配置axios拦截器

import QS from 'qs';

  // 配置拦截器，拦截post方法
service.interceptors.request.use(
  config => {
    //将请求携带的数据置为普通的表单提交
    config.headers['Content-Type'] = 'application/x-www-form-urlencoded'
    // do something before request is sent
    if(config.method === 'post') {
      config.data = QS.stringify( {
        ...config.data  /
      });
    }
    return config
  },
  error => {
    // do something with request error
    console.log(error) // for debug
    return Promise.reject(error)
  }
)

  // 请求跟原来一样
  this.$axios.post("/login", {
            username: username,
            password: password,
          }
         ).then((data) => {
           console.log(data)
        });