1. 程式人生 > >vue使用axios的幾種方式

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");
	})
},