vue3Axios网络请求

Axios是一个基于promise的网络请求库

引入

Axios的安装：npm install -save axios

组件引入：import axios from "axios"

全局引入：

import axios from "axios"

const app=createApp(app);

app.config.globalproperties.$axios=axios

app.mount('#app')

//在组件中调用

this.$axios

post请求中请求参数需要额外处理

1、安装依赖npm install -save querstring

2、转换参数格式：qs.string({})

例子：

请求：

import axios from "axios"

export default{

name:'Helloworld',

data(){

return{

chengpin:{}

}

}

mounted(){

//get请求：

axios({

method:"get",

url:"https://baidu.com"

}).then(res=>{

this.chengpin=res.data.chengpinDetails[0];

})

//post请求

axios({

method:"post",

url:"https://baidu.com",

data:qs.stringifg({

user_id:"",

password:"",

verification:""

})

}).then(res=>{

this.chengpin=res.data.chengpinDetails[0];

})

}

}

局部

//快捷写法

axios.get("https://baidu.com",data).then(res=>{

console.log(res.data):})

全局变成

this.$axios.get("https://baidu.com",data).then(res=>{console.log(res.data):})