关于axios的小知识

发请求1

javascript 复制代码
axios({
    method: 'GET',    //请求类型
    url:'路径',    //设置请求路径
    data:{    //设置请求体
        title: "afafa"
        author: "afafa"
    }
}).then(response => {
    console.log(response);
})

发请求2

javascript 复制代码
axios.request({
    method: 'GET',
    url: '路径'
}).then(response => {
    console.log(response);
})

发请求3

javascript 复制代码
axios.post("路径" , {
    "body": "afa"    //发送请求体
    "postId": 2
}).then(response => {
    console.log(response);
})

axios创建实例对象发送请求

javascript 复制代码
const abc = axios.create({
    baseURL: '路径',
    timeout: 2000
})

配置axios默认配置

javascript 复制代码
axios.defaults.method = 'GET';
axios.defaults.baseURL = '路径'
axios.defaults.params = {id: 100};
axios.defaults.timeout = 3000;

在发送请求时需要在请求头中添加 Authorization 字段携带 tokentoken 的值为 2b58f9a8-7d73-4a9c-b8a2-9f05d6e8e3c7

javascript 复制代码
let t = axios.create({
        headers: {
            Authorization : `2b58f9a8-7d73-4a9c-b8a2-9f05d6e8e3c7`
        }
    })

原生JS发请求

javascript 复制代码
var xhr = new XMLHttpRequest(); //创建发送请求的对象
                    xhr.onreadystatechange = await function(){
                        if(xhr.readyState === 4){
                            console.log("服务器的响应结果已经全部收到")
                            const obj = JSON.parse(xhr.responseText);
                            console.log(obj)
                        }
                    }
                    xhr.open("GET" , MockURL);
                    xhr.send(null); 
javascript 复制代码
async function fetchData() {
                    try {
                        const response = await fetch(MockURL);
                        if (!response.ok) {
                            throw new Error('Request failed');
                        }
                        const data = await response.json();
                        console.log(data);
                    } catch (error) {
                        console.error(error);
                    }
                }
相关推荐
【ql君】qlexcel16 分钟前
Notepad++ 复制宏、编辑宏的方法
开发语言·javascript·notepad++··宏编辑·宏复制
MiyueFE16 分钟前
14 个逻辑驱动的 UI 设计技巧,助您改善任何界面
前端·设计
啃火龙果的兔子20 分钟前
前端单元测试覆盖率工具有哪些,分别有什么优缺点
前端·单元测试
「、皓子~1 小时前
后台管理系统的诞生 - 利用AI 1天完成整个后台管理系统的微服务后端+前端
前端·人工智能·微服务·小程序·go·ai编程·ai写作
就改了1 小时前
Ajax——在OA系统提升性能的局部刷新
前端·javascript·ajax
凌冰_1 小时前
Ajax 入门
前端·javascript·ajax
京东零售技术1 小时前
京东小程序JS API仓颉改造实践
前端
奋飛1 小时前
TypeScript系列:第六篇 - 编写高质量的TS类型
javascript·typescript·ts·declare·.d.ts
老A技术联盟1 小时前
从小白入门,基于Cursor开发一个前端小程序之Cursor 编程实践与案例分析
前端·小程序
风铃喵游1 小时前
构建引擎: 打造小程序编译器
前端·小程序·架构