axios的使用

一、定义：是一个基于Promise,可以用于浏览器和node.js的HTTP客户端

二、基本用法

　　1、发起请求：设置请求方法

　　2、传递参数方式：

　　　　（1）通过传统的url以？的形式传递参数

　　　　（2）通过params形式传递参数

　　3、接收响应值

 

组建：

<template>
<div>{{ msg }}</div>
</template>
<script>
export default {
data:() =>({
msg:'',
}),
created () {
const axios = require('axios');

// axios.get 发出get请求
// 请求参数拼接在 url当中
// .then接收响应【快捷键：thenc】
axios.get(
'https://httpbin.ceshiren.com/get?id=123'
).then((result) => {
console.log('get请求，通过拼接url的形式传递参数')
console.log(result)
//赋值msg
this.msg = result.data

}).catch((err) => {
console.log(err)
});
// 通过params 形式传递参数的 get请求
axios.get(
'https://httpbin.ceshiren.com/get?id=123',
{
params:{id:123}
}
).then((result) => {
console.log('通过params 形式传递参数的 get请求')
console.log(result)
}).catch((err) => {
console.log(err)
});

//post 请求
axios.post(
'https://httpbin.ceshiren.com/get?id=123'
).then((result) => {
console.log('post请求')
console.log(result)
}).catch((err) => {
console.log(err)
});
}
}
</script>