vue使用axios的几种方式

方式一：将axios改写为vue的原型属性
1、安装axios

npm install vue-axios --save

2、main.js文件

import axios from 'axios'
Vue.prototype.$http = axios

3、.vue文件

test(){
        var testUrl='http://localhost:8088/activiti/doneTask';
        this.$http.get(testUrl).then(function(response){
            alert(response.data);
        }).catch(function (response) {
          alert("error");
        })
},

方式二：结合 vue-axios使用
1、安装vue-axios

npm install vue-axios --save

2、main.js文件

import axios from 'axios'
Vue.prototype.$http = axios
import VueAxios from 'vue-axios'

3、.vue文件

test(){
        var testUrl='http://localhost:8088/activiti/doneTask';
       this.axios.get(testUrl).then((response) =>{
		alert(response.data())
	}).catch((response) =>{
		alert("error");
	})
},