axios总结

GET数据格式
        get_be_data(){
                    axios({// (请求跨域请求线上数据 - 卖座)
                        url: 'https://m.maizuo.com/gateway',
                        headers: {//设置请求头用于跨域请求
                            'X-Client-Info': 
                            '{"a":"3000","ch":"1002","v":"5.0.4","e":"154549400038873748996477"}',
                            'X-Host': 'mall.film-ticket.film.list'
                        },
                        params: {//相当于ajax的data
                            cityId: 330100,
                            pageNum: 1,
                            pageSize: 10,
                            type: 1,
                            k: 7675918
                        }
                    })//axios相当于vue里面封装了promise对象
                        .then(res => console.log(res))
                        .catch(error => console.log(error))
                    }
POST数据请求格式
        postdata() {
                    var params = new URLSearchParams() //得到params对象,用来接收参数
                    // params.append( key, value )  key就是参数名,value就是参数值
                    params.append('a', 2)
                    params.append('b', 2)
                    axios({
                        url: 'http://localhost/Drafts/post.php',
                        method: 'post',
                        headers: {
                            'Content-Type': "application/x-www-form-urlencoded" 
                            //请求头设置为表单提交的请求头
                        },
                        data: params
                    })
                        .then(res => console.log(res))
                        .catch(error => console.log(error))
                    }

注意:Query String Parameters查询字符串参数用于get请求
Form Data 用于post请求

### Axios API 文档与地址配置 Axios 是基于 Promise 的 HTTP 客户端,适用于浏览器和 Node.js 环境。它提供了丰富的功能用于处理前端与后端之间的数据交互。以下是关于 Axios API 文档以及如何进行地址配置的相关说明。 #### Axios 官方中文文档 官方提供的 Axios 中文文档包含了详细的 API 使用指南、请求方法、响应结构等内容[^1]。可以通过以下链接访问: - **官方中文文档**: https://axios-http.com/zh/ #### Axios 请求的基础配置 在使用 Axios 进行网络请求时,通常会通过全局配置或者实例化的方式设置基础 URL 和其他参数。例如: ```javascript // 创建 Axios 实例并设置基础 URL import axios from 'axios'; const instance = axios.create({ baseURL: 'https://api.example.com', // 设置基础 URL timeout: 1000, // 超时时间 (毫秒) headers: {'X-Custom-Header': 'foobar'} // 自定义头部信息 }); ``` 上述代码展示了如何创建一个带有 `baseURL` 配置的 Axios 实例[^4]。这样可以简化每次请求中的重复部分,只需指定相对路径即可完成完整的 URL 构建。 #### Vue 项目中 Axios 的安装与配置 对于 Vue 项目而言,在引入 Axios 前需先将其作为依赖包安装到项目环境中[^2]: ```bash npm install axios -D ``` 随后可以在项目的入口文件或者其他合适位置初始化 Axios 并应用全局配置: ```javascript import axios from 'axios'; // 全局配置 axios.defaults.baseURL = 'https://api.example.com'; axios.defaults.headers.common['Authorization'] = 'Bearer your_token_here'; // 添加认证令牌 ``` 以上方式能够确保整个应用程序共享相同的默认设置[^3]。 --- ### 总结 要获取 Axios API 的具体实现细节及其地址配置方法,建议优先查阅官方文档以获得最新最权威的信息。同时按照实际需求调整适合自己的开发环境下的 Axios 初始化逻辑。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值