Vue axios基础使用

1、npm安装

$ npm install axios --save

或者cdn引入

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

2、main.js入口文件引用

import axios from 'axios';
Vue.prototype.$axios = axios    //全局注册，使用方法为:this.$axios

3、post请求

this.$axios({
           method: "post",
             url: '../../static/mock/upload.json',
              data: ,
               headers: {
                    "Content-Type": "multipart/form-data"
                }
            }).then(function(res) {
                console.log(res)

            }).catch(function(err) {
                
 });

补充：Vue中axios在发送POST请求时，参数的处理
1、下载安装第三方模块 qs ->

npm install qs --save-dev

2、//在main.js引入qs

import  qs from 'qs'

//配全局属性配置，在任意组件内可以使用this.$qs获取qs对象

Vue.prototype.$qs = qs

3、处理方式

this.$qs.stringify(data)