欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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