axios的请求基本使用

axios框架的使用 （网络请求相关）

特点

• 支持浏览器和node.js
• 支持promise
• 能拦截请求和响应
• 能转换请求和响应数据
• 能取消请求
• 自动转换JSON数据
• 浏览器端支持防止CSRF(跨站请求伪造)

安装

用npm：

npm install axios

用 bower：

bower install axios

用cdn：

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

使用

// 1、axios的基本使用（默认请求是get）
axios({
   
    url:'http://127.0.0.1:8000/home/muitls/',
    // method: 'get',
}).then(res => {
   
    console.log(res.data)
})

// 请求的参数拼接
axios({
   
    url: 'http://127.0.0.1:8000/home/?gid=' + this.god_id
}).then(res => {
   
    console.log(res.data)
})

// 写法一
axios({
   
    url: 'http://127.0.0.1:8000/home/data/',
    // 专门针对get请求的参数拼接
    params:{
   
        'type': pop,
        'page': 1
    }
}).then(res => {
   
    console.log(res.data)
})

//写法二
axios.get("http://127.0.0.1:8000/home/multidata",{
   
    params:{
   
        type: 'pop',
        page: 1
    }
}).then(res => {
   
    console.log(Res.data)
}).catch(err => {
   
    console.