如何在axios vue js中添加多个参数

Posted

技术标签:

【中文标题】如何在axios vue js中添加多个参数【英文标题】:how to add multiple parameter in axios vue js 【发布时间】:2019-05-24 16:16:03 【问题描述】:

我想在我的 axios 帖子中添加多个参数。我该怎么做?

我在这里尝试

axios.post('/select-files', this.$data.single, formData, config)
                    .then((response) => 
                        alert('Data Single Successfull Inserted.')
                        console.log(response);
                    )

我当前的代码只返回来自this.$data.single 的数据。

如果我像 formData, this.$data.single, config 这样更改代码,那么我的代码将只返回来自 formData 的数据

formdata 是返回这个数据

formData.append('image', this.image);

this.$data.single返回此数据

data() 
            return 
                files: [],
                errors: [],
                artistname: [],
                single: ,
                image: '',
                success: '',
                artist: [],
                showinput: [],
                searchText: '',
                items: [],
                lastSelectItem: 
            
        ,

config

const config = 
                    headers:  'content-type': 'multipart/form-data' 
                

这不是我的完整代码。

【问题讨论】:

【参考方案1】:

你可以试试这个

   axios.post('/echo/json/', 'name='+this.name+'&pwd='+this.password, headers: 
  'Content-type': 'application/x-www-form-urlencoded',
).then(r => console.log('r: ', JSON.stringify(r, null, 2)));

【讨论】:

以上是关于如何在axios vue js中添加多个参数的主要内容,如果未能解决你的问题,请参考以下文章

Vue.js / Vuex + axios 发送多个 PUT 请求

使用 vue js 和 axios 上传多个文件

Vue.js,如何通过 axios 在 api 链接中发送对象?

如何将axios全局导入vue.js项目[重复]

在 Vue.js 3 中通过 Axios 调用 API 登录时如何隐藏凭据?

如何使用 axios 在 Vue Js 中导入 json 数据