axios的请求基本使用

最新推荐文章于 2024-10-21 20:17:30 发布

m0_52891848

最新推荐文章于 2024-10-21 20:17:30 发布

阅读量3.3k

点赞数 6

文章标签： python vue

本文链接：https://blog.youkuaiyun.com/m0_52891848/article/details/113389205

版权

本文详细介绍了axios的特性、安装方法以及基本使用。重点讲解了如何在项目中封装request模块以实现模块化，并阐述了axios的请求和响应拦截器。此外，还逐步指导了axios与Django框架的集成，包括Django设置ALLOWED_HOSTS、安装corsheaders包、注册中间件和配置策略，以解决跨域问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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 =

最低0.47元/天解锁文章