关于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开头

完