- Vue项目中axios 不能用 Vue.use() ， .vue 文件中需要 import axios from 'axios'
- 因此可以axios 加到 Vue 的原型中，达到全局注册
- 首先在 main.js 中引入 axios
import Vue from 'vue'
import axios from 'axios'
//把 `axios` 加到 `Vue` 的原型中
Vue.prototype.axios = axios;
new Vue({
el: '#app',
render:h => h(App)
})
- 在 .vue 文件中使用时，注意 axios 前要加 this
<script>
export default {
methods:{
// 因为 axios 是加到 Vue 的原型中了，所以使用 axios 方法时，前面需要加 this
this.axios.get('http://localhost:8080/list.json')
.then(res => {
console.log(res.data)
}).catch(err => {
console.log(err);
})
}
}
</script>
