Vue之axios发送ajax请求

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

Vue之axios发送ajax请求

axios中文网

安装

npm install --save axios vue-axios

main.js里引入

方法一：不推荐

import aixos from \'axios\'
// 在vue的全局变量中设置了$axios=axios
// 以后每个组件使用时：this.$axios
Vue.prototype.$ajax= axios

方法二：

看了vue-axios的源码，它是按照vue插件的方式去写的。那么结合vue-axios，就可以去使用vue.use方法了

import Vue from \'vue\'
import axios from \'axios\'
import VueAxios from \'vue-axios\'
Vue.use(VueAxios, axios)

你可以按照以下方式使用:

Vue.axios.get(api).then((response) => {
  console.log(response.data)
}).catch((response) => {
  // then是请求成功返回的内容，catch是请求失败返回的内容
})
this.axios.get(api).then((response) => {
  console.log(response.data)
})

以上是 Vue之axios发送ajax请求 的全部内容， 来源链接： utcz.com/z/379285.html

回到顶部