解决ajax请求传递多个相同键值、key，对应不同的值，导致键值被覆盖

最新推荐文章于 2023-07-20 17:08:31 发布

原创最新推荐文章于 2023-07-20 17:08:31 发布 · 1.9k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #vue.js #前端 #javascript

Vue项目常见问题专栏收录该内容

1 篇文章

订阅专栏

本文主要针对Vue项目中遇到的ajax请求时，多个相同键值被覆盖的问题提供解决方案。通过引入Qs库，并设置允许重复键值的参数，可以成功传递多个同名键的值给后端。

如果你是在做Vue项目，如果你也碰到了要发送ajax请求传多个相同键值给后端的问题，如果你也碰到了这样沙雕到想骂人请求接口，那么恭喜你，来对地方了！

在这里插入图片描述

import axios from 'axios'
import Qs from 'qs'
if (config.method === 'post') {
      if (config.isFormData) {
        //表单提交
        config.headers['Content-Type'] = 'application/x-www-form-urlencoded;charset-utf-8'
        if (config.isRewrite) {
          //是否允许参数重复，默认为不允许，indics为false表示允许
          config.data = Qs.stringify(config.data, {indices: false})
        } else {
          config.data = Qs.stringify(config.data)
        }
      } else if (config.isUploadFile) {
        //文件上传
        config.headers['Content-Type'] = 'multipart/form-data'
      }
    }