vue3.0项目 使用 axios

vue 3.0 中使用 axios 跟 vue2 有所不同

下载

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 , vue-axios

使用:

然后在组件中引用，注意vue3.x没有this

axios.get('api/getNewsList')
.then((response)=>{
    console.log(response)
})

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)
})