vue Axios 数据请求（简单）

[图片] 关于Vue中 axios 数据请求 ————

---

首先进入项目命令行进行安装

一、安装插件

cnpm i axios --save

二、引入插件

1. 全局引入在main.js在 （在全局引入一次）

import axios from 'axios'
Vue.prototype.$http = axios//把axios添加到vue的原型上

2. 局部引入 在***.vue里（哪个组件用 哪个组件引入 即哪个组件内生效）

<script>
  import axios from 'axios'
</script>

三、使用插件

1. 进行get请求

axios.get('/user?qq=2923290758')    // 引入需要请求的json文件
     .then(({data})=>{  // 成功回调 （**e6**解构方法  取出来data）

        this.List=data    // 给变量赋值

        },(err)=>{ // 失败回调  
            console.log(err)
        })

或者

axios.get('/user',{
    params:{
        qq:'2923290758'
    }
}) 
.then((res)=>{
    console.log(res)
})

2. 进行post请求

let data = {
    name:'Dreams',
}
axios.post('/user',data)
    .then( (res) => {
        console.log(res)
    })

image