-
安装axios
npm install --save axios -
在plugins文件夹增加axios.js文件, 内容如下,这样就可以在各Vue中直接使用axios了,无需再this.$axios了
import axios from 'axios'
export default ({app, router, Vue}) => {
Vue.prototype.$axios = axios
// ^ ^ ^ this will allow you to use this.$axios
// so you won't necessarily have to import axios in each vue file
}
- 在需要引用的Vue文件中
import axios from 'axios'
在需要的函数中如下使用
methods: {
loadData () {
axios.get('/api/v1.0/user')
.then((response) => {
this.tableData = response.data['users']
})
.catch(() => {
this.$q.notify({
color: 'negative',
position: 'top',
message: 'Loading failed',
icon: 'report_problem'
})
})
}
}
网友评论