vue使用axios的幾種方式
阿新 • • 發佈:2018-11-22
方式一:將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"); }) },