vue-axios|axios 在vue cli的创建例子
程序员文章站
2022-07-04 18:48:50
...
安装:
npm install --save axios vue-axios
将下面代码加入入口文件:
import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)
↑按照这个顺序分别引入这三个文件: vue, axios and vue-axios
Usage:
This wrapper bind axios to Vue or this if you’re using single file component.
你可以按照以下,选任一方式使用:
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)
})
例子:
created() {
this.axios.get("http://www.liulongbin.top:3006/api/getbooks",{params:{id:1}}).then((response) => {
console.log(response.data)
})
},
上一篇: 用jQuery实现简单的轮播
下一篇: Java作业 第十二章