您当前的位置:首页 > 前端 > axios全局配置和基本操作

axios全局配置和基本操作

日期:2021-08-03 11:37:33    浏览:144

import axios from "axios";

// axios.get("http://localhost/qianduan/getapi.php",{
//     params:{
//         name:'xiali',
//         age:22
//     }
// }).then((res)=>{
//     console.log(res)
// })

//字符串拼接也是可以的
// axios.post("http://localhost/qianduan/getapi.php","name=xiaoli&age=32").then((res)=>{
//     console.log(res.data)
// })

//请求多个页面
// axios.all([
//     axios.get("http://localhost/qianduan/getapi.php?name=xiali&age=33"),
//     axios.get("http://localhost/qianduan/getapi.php?name=张扬&age=22")
// ]).then(value=>{
//
//     console.log(value)
// }).catch(reason => {
//
// })

//分开接收
// axios.all([
//     axios.get("http://localhost/qianduan/getapi.php?name=xiali&age=33"),
//     axios.get("http://localhost/qianduan/getapi.php?name=张扬&age=22")
// ]).then(
//     axios.spread((res1,res2)=>{
//         console.log(res1,"分开接收")
//         console.log(res2,"分开接收")
//     })
// ).catch(reason => {
//
// })

//全局配置

axios.defaults.baseURL="http://localhost/qianduan"
axios.defaults.timeout=3000
axios.defaults.headers={"Authorization":"qin500"}
axios.defaults.crossDomain=true
axios.get("getapi.php?name=xiali&age=20").then(value=>{
    console.log(value)
})

const local=axios.create({
    baseURL:"http://localhost/qianduan"
})

const github=axios.create({
    baseURL:"https://api.github.com"
})


//拦截器分为请求拦截和响应拦截
//请求拦截
local.interceptors.request.use(config=>{
    config.headers={'ASK':"HAHH"}//设置一个请求头
    console.log("拦截")
    return config //放行
},err=>{
    console.log("错误")
})

//响应拦截
local.interceptors.response.use(config=>{
    console.log("响应拦截")
    return config.data //放行 取出返回的数据
},err=>{
    console.log("错误")
})

//两种方式使用
local({
    method:'get',
    url:'getapi.php?site=qin500&right=1'
}).then(value => {
    console.log(value)
})
// github.get("users/qin500").then(value=>{
//     console.log(value)
// })


//整理数据
axios.defaults.transformRequest=function(data){
data=JSON.stringify(data);
return data;
}

Tags: js

世事无常

要有遥不可及的梦想,也要有脚踏实地的本事