如果在.vue文件中使用axios，该如何声明和调用？

Question

类似的问题还有：如何在.vue文件中声明bootstrap的css和js？在main.js中引用还是在.vue中引用？

Answer 1

慕斯8014925 2017-11-15 01:07:41

原型链的方法呗

在main.js中 使用 Vue.prototype.$http= axios 

之后通过this.$http就可以调用了  嘿嘿嘿

• 提问者 慕仔9271372 #1

  非常感谢！

Answer 2

慕斯8014925 2017-11-15 01:27:51

当然如果你一定希望使用use的方法去写的话

请给axios增加一个install的方法 。这个方法的第一个参数是 Vue 构造器

Answer 3

hey_ff 2017-07-24 20:20:36

安装'vue-axios'，然后引入下面两个文件

import axios from 'axios'
import VueAxios from 'vue-axios'

将这两个文件定义为vue的插件
Vue.use(VueAxios, axios)

使用_下面三种情况都可以：

Vue.axios.get(api).then((response) => {
 console.log(response.data)
})

this.axios.get(api).then((response) => {
 console.log(response.data)
})

this.$http.get(api).then((response) => {
 console.log(response.data)
})

• 提问者 慕仔9271372 #1

  没有效果

• ITer在路上 #2

  大神你好，axios和vue-axios是两个不同的插件，是吗？