ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

axios

2022-01-16 23:00:39  阅读:102  来源: 互联网

标签:index axios 请求 拦截 puild 数据


什么是axios?

axios 是一个基于promise 的HTTP库,可以用在浏览器与node.js中

特点:

可以拦截请求与响应

转换请求数据与响应数据

取消请求

自动转换JSON数据

客户端支持防御XSRF

可以在浏览器中创建原生ajax

在node创建http请求

特点是从官网上面抄写过来

其中最前面两条 拦截 与转换, 仔细想想,那不就一回事嘛, 拦截请求与响应,不就是为了做一个逻辑上面的处理,从而加工数据,

axios 配置项

{

baseURL: // 基础路径

settime: // 超时的时间

parmas:// 参数

// 一般用于post 等等,就是向服务器发送数据,前的拦截。处理 data 就是发送的数据

tranformRequest:[function(data,headres)]

// 在传递给then 或者 catch 之前的允许修改数据

tranformResponse

}

还有很多配置,目前基本上用不着

拦截器和 tranformResponse 是真的比较像。

在这里主要是写一些,在项目中需要用到的一些封装。

比方我们在vue项目中,我们建立一个api文件夹

还有在创建一些文件

用于 配置axios、用于设置好请求的路径

比方说,我们现在创建config 文件与index 文件

confing

import axios from ‘axios’

import puild from './index'

const in =   axios.create({ baseURL:'' ,settime:'2000' ....... })

export defalu {p() {return in.get(puild)}}

index 文件

export const puild = () => www.baidu.com/parms=a //

这样就配置好了。 请求url 路径 参数都设置好了。

这样做的好处时,简化代码,方便以后的维护。

标签:index,axios,请求,拦截,puild,数据
来源: https://blog.csdn.net/m0_59795537/article/details/122530322

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有