vue填坑 让axios发送表单形式数据
Posted tony_zhu
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue填坑 让axios发送表单形式数据相关的知识,希望对你有一定的参考价值。
(一) 使用 axios vue-axios qs
1.qs是必不可少的插件
npm install --save axios vue-axios qs
2.安装完成后,在main.js插入以下代码
//载入axios
import Qs from ‘qs‘
import axios from ‘axios‘
import VueAxios from ‘vue-axios‘
var axios_instance = axios.create({
baseURL:‘http://localhost‘, //自行修改url
transformRequest: [function (data) {
data = Qs.stringify(data);
return data;
}],
headers:{‘Content-Type‘:‘application/x-www-form-urlencoded‘}
})
Vue.use(VueAxios, axios_instance)
3.在vue模块中可以这样使用
this.$http.post(‘url‘, {
id:1
}).then(response => {
console.log(response)
}).catch( error => {
console.log(error);
});
(二)
1.安装axios
以上是关于vue填坑 让axios发送表单形式数据的主要内容,如果未能解决你的问题,请参考以下文章