【重点突破】—— React应用中封装axios(转)

最新推荐文章于 2024-06-25 14:11:06 发布

柳柳Elena

最新推荐文章于 2024-06-25 14:11:06 发布

阅读量2k

点赞数 5

文章标签：网关 python vue http javascript

本文链接：https://blog.csdn.net/qq_34235864/article/details/113805369

版权

本文介绍了如何在React应用中封装axios，以实现HTTP请求的统一管理和错误处理。包括Axios的基本特性，如支持Promise、自动JSON转换和XSRF防御。文章详细讲解了封装过程，包括请求拦截器的使用来添加公共请求头和token验证，以及如何通过请求隔离提高代码可读性和维护性。

摘要由CSDN通过智能技术生成

Axios简介

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。

特性

支持node端和浏览器端
支持拦截器等高级配置
使用Promise管理异步，告别传统callback方式
自动转换 JSON 数据
客户端支持防御 XSRF

安装

yarn 安装
```
yarn add axios
```
npm 安装
```
npm install axios -D
```
bower 安装
```
bower install axios
```

简单使用

aixos 可直接通过cdn加载实用,如下示例：

<html>
<head>
<title>Axios的使用 </title>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.19.2/axios.js"></script>
</head>
<body>
   <input type="button" onclick="getList()" value="点击获取"/>
   <div id="content"> </div>

   <script type="text/javascript">

      function getList(){
             axios.request({
                 url:'/article/home/index',
                 method:'get',
                 baseURL:'http://test.mediastack.cn/'

            }).then(
               res => {
                 console.log("get res:&

最低0.47元/天解锁文章

柳柳Elena

关注

5
点赞
踩
40

收藏

觉得还不错? 一键收藏
1
评论
【重点突破】—— React应用中封装axios(转)

Axios简介Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。特性支持node端和浏览器端支持拦截器等高级配置使用Promise管理异步，告别传统callback方式自动转换 JSON 数据客户端支持防御 XSRF安装yarn 安装yarn add axiosnpm 安装npm install axi...
复制链接

扫一扫