Ajax是对原生XHR的封装，而Axios又对原生Ajax进行了封装。

## 介绍

Axios是一个基于Promise的网络请求库，主要实现Ajax异步通信功能，用于向后端发起请求，是一种可以发HTTP请求的JS库。

Axios官网：[https://www.axios-http.cn/](https://www.axios-http.cn/)

## 使用

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> </head> <body> <div id="app">{{ info }}</div> </body> <script> const app = { data() { return { info: 'Ajax 测试', } }, mounted() { axios .get('http://thapi.top/API/sjsp.php') .then((res) => (this.info = res.data)) .catch(function (err) { console.log(err) }) }, }

    Vue.createApp(app).mount('#app')
    

</script>
</html>

### 携带参数

axios.post( 'http://thapi.top/API/sjsp.php', {}, { params: { name: '&&&', age: 18, }, } )

### 发数据

用请求体发数据，格式为urlencoded： const params = new URLSearchParams() params.append('name', '张三') params.append('age', 18) axios.post('http://thapi.top/API/sjsp.php', params)用请求体发数据，格式为multipart： const params = new FormData() params.append('name', '张三') params.append('age', 18) axios.post('http://thapi.top/API/sjsp.php', params)用请求体发数据，格式为json： axios.post('http://thapi.top/API/sjsp.php', { name: '张三', age: 18, })

## 默认配置

Axios对象可以直接使用，但使用的是默认设置。用 axios.create 创建的对象，可以覆盖默认设置，常见的 config 项有：
名称含义baseURL将自动加在URL前面headers请求头，类型为简单对象params跟在URL后的请求参数，类型为简单对象或URLSearchParamsdata请求体，类型有简单对象、FormData、URLSearchParams、File等withCredentials跨域时是否携带Cookie等凭证，默认为falseresponseType响应类型，默认为json
const _axios = axios.create({ baseURL: 'http://localhost:3000', withCredentials: true, }) _axios.post('/api/post')

## 请求拦截器

const _axios = axios.create({ baseURL: 'http://localhost:3000', withCredentials: true, }) // 请求拦截器 _axios.interceptors.request.use( function (config) { config.headers = { Authorization: 'test', } return config }, function (e) { return Promise.reject(e) } ) _axios.post('/api/post') _axios.post('/api/post2')

## 响应拦截器

// 响应拦截器 _axios.interceptors.response.use( function (response) { // 2xx 范围内走这里 return response }, function (e) { if (e.response.status === 400) { console.log('请求参数不正确') return Promise.resolve(400) } else if (e.response.status === 404) { console.log('资源未找到') return Promise.resolve(404) }

    return Promise.reject(e)
    

}
)


Axios学习笔记

## 命令行

即文本交互界面，通过命令行可以使用一个一个的指令来操作计算机。

如何进入到命令行：Win键 + R 出现运行窗口，输入cmd，然后回车。

## x:

切换盘符，`E:`表示切换到E盘。

## cd

进入到指定目录。

- `cd .`表示当前目录
- `cd ..`表示上一级目录
- `cd \`回退到盘符目录

## dir

查看当前目录下所有文件（夹）

## md

创建一个目录；rd删除一个目录；del删除一个文件。

## echo

创建文件：`echo '测试' > test.txt`

查看文件内容：`type test.txt`

## cls

清除屏幕。

## exit

退出命令提示符窗口。

## 小技巧

- 方向键上下，查看命令的历史记录
- Tab键自动补全命令

## 批处理案例

    @echo off
    REM 清除临时文件和缓存
    del /f %TEMP%*.* /s /q
    rd /s /q %TEMP%

@echo off：关闭命令行回显功能。REM：添加注释。

- /f：强制删除
- /s：递归删除
- /q：安静模式


DOS常用命令

## YAPI

是一个高效、易用、功能强大的API管理平台，旨在为开发、产品、测试人员提供更优雅的接口管理服务。可以帮助开发者轻松创建、发布、维护API，YAPI还为用户提供了优秀的交互体验，开发人员只需利用平台提供的接口数据写入工具以及简单的点击操作就可以实现接口的管理。

## 特性

- 基于 Json5 和 Mockjs 定义接口返回数据的结构和文档，效率提升多倍
- 扁平化权限设计，即保证了大型企业级项目的管理，又保证了易用性
- 类似 postman 的接口调试
- 自动化测试, 支持对 Response 断言
- MockServer 除支持普通的随机 mock 外，还增加了 Mock 期望功能，根据设置的请求过滤规则，返回期望数据
- 支持 postman, har, swagger 数据导入
- 免费开源，内网部署，信息再也不怕泄露了

## 下载地址

GitHub地址：[https://github.com/YMFE/yapi](https://github.com/YMFE/yapi)

体验地址：[http://yapi.mglicai.com/](http://yapi.mglicai.com/)

## 类似网站

- HelloApi：[https://github.com/xiaoyanu/HelloApi](https://github.com/xiaoyanu/HelloApi)


YAPI-高效、易用、功能强大的API管理平台

Java基础语法学习笔记

## 司马阅

是一款免费、干净、好用的AI文档阅读工具，AI读论文/报告/合同等，学习办公效率翻10倍，快速从复杂文档中提取并分析关键信息，比WPS AI/印象笔记AI还好用。

司马阅(SmartRead)，基于AI人工智能技术、智能文档技术，快速从复杂文档提取信息。通过聊天互动形式，精准、灵活地获取关键信息及灵感，极大节省文档阅读和信息检索时间，高效应用于工作、学习场景，如读行业市场报告、产品手册、法律文档、论文文献、电子书等。AI智能革命已经到来，这只是一个开始！

目前，司马阅基础功能永久免费开放给用户使用。每天免费100次提问（单文档50次+文档库50次），满足绝大部分办公人士、学习者日常使用。

## 网站地址

司马阅：[https://smartread.cc/](https://smartread.cc/)


司马阅-免费、干净、好用的AI文档阅读工具

这里是 aboss.top 的自留地。写了十几年野路子代码，攒了些摸爬滚打的经验，做成系列课程慢慢讲；也留了一小块地方，记记代码之外的胡思乱想。