标签：总结 axios http get url 关于 数据处理 post

关于axios的总结

• 说明
• 一、下载
• 二、导入
• 三、基本使用
• 四、传参
• 五、 数据处理
• 六 、全局配置
• 七、默认http开头设置
• 完

说明

1. 本教程关于axios的总结
2. 关于GET、POST异步请求
3. 主要内容有：

• 下载
• 导入
• 基本使用
• 传参
• 数据处理
• 全局配置
• 默认http开头设置

一、下载

#axios的下载
npm install axios 

二、导入

import axiox from 'axios'

三、基本使用

1. get请求

axios.get(http_url,参数)

2. post请求

axios.post(http_url,参数)

四、传参

1. get

{params:{key:value}}

2.post(使用vue中qs依赖)

{qs.stringify({key:value})}

五、 数据处理

1. 访问成功

axios.get().then(res=>{res.data数据处理}

2. 访问失败

axios.post().cath(err =>{数据处理})

3. asyns 和 await

asyns 方法(){
const var = await this.$http.post(http_url,参数)
#var是返来的数据
const {data} = await this.$http.post(http_url,参数)
#var是返来的数据

六 、全局配置

1. 在main.js中导入axios
2. app.config.globalProperties.#http = “axios”
3. 在vue中使用this.#http.get()或this.#http.post()
   ==注 ：axios基于Pormis方法.then() | .cath()

七、默认http开头设置

axios.defaults.baseURL = 'ipaddress'
#请求 方式不以http开头

完

标签：总结,axios,http,get,url,关于,数据处理,post
来源： https://blog.csdn.net/hrj199036/article/details/122352990

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。