位置: 编程技术 - 正文
推荐整理分享node.js中axios使用心得总结(nodejs常用api),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:nodejs acl,nodejs atob,node.js await,nodejs常用api,node.js await,node axios,nodejs acl,node.js await,内容如对您有帮助,希望把文章链接给更多的朋友!
Axios是一个基于Promise的 HTTP 库,可以用在浏览器和node.js 中,因为尤大大的推荐,axios也变得越来越流行。最近项目中使用axios也遇到了一些问题,就借此机会总结一下,如有错误,还请不吝指正。
功能
浏览器端发起XMLHttpRequests请求
node层发起http请求
支持Promise API
拦截请求和响应
转换请求和响应数据
取消请求
自动转换JSON数据
客户端支持防御XSRF(跨站请求伪造)
兼容
使用
npmnpm install axios
bowerbower install axios
cdn
<script src="
POST
注意事项
在使用GET方法传递参数时使用的是params,并且官方文档中介绍为:params are the URL parameters to be sent with the request. Must be a plain object or a URLSearchParams object。译为:params作为URL链接中的参数发送请求,且其必须是一个plain object或者是URLSearchParams object。plain object(纯对象)是指用JSON形式定义的普通对象或者new Object()创建的简单对象;而URLSearchParams object指的是一个可以由URLSearchParams接口定义的一些实用方法来处理 URL 的查询字符串的对象,也就是说params传参是以/userID=1&name=mike&sex=male形式传递的。
而在使用POST时对应的传参使用的是data,data是作为请求体发送的,同样使用这种形式的还有PUT,PATCH等请求方式。有一点需要注意的是,axios中POST的默认请求体类型为Content-Type:application/json(JSON规范流行),这也是最常见的请求体类型,也就是说使用的是序列化后的json格式字符串来传递参数,如:{ "name" : "mike", "sex" : "male" };同时,后台必须要以支持@RequestBody的形式接收参数,否则会出现前台传参正确,后台接收不到的情况。
如果想要设置类型为Content-Type:application/x-www-form-urlencoded(浏览器原生支持),axios提供了两种方式,如下:
浏览器端
不过,并不是所有浏览器都支持URLSearchParams,兼容性查询caniuse.com,但是这里有一个Polyfill (polyfill:用于实现浏览器并不支持的原生API的代码,可以模糊理解为补丁,同时要确保polyfill在全局环境中)。
或者,你也可以用qs这个库来格式化数据。默认情况下在安装完axios后就可以使用qs库。
node层
在node环境中可以使用querystring。同样,也可以用qs来格式化数据。
补充
常见的请求体类型还有一种方式,即multipart/form-data(浏览器原生支持),也就是提交表单数据常用的一种格式。和x-www-form-urlencoded对比起来,后者则是数据被编码成以 '&' 分隔的键-值对, 同时以 '=' 分隔键和值。非字母或数字的字符会被Percent-encoding(URL encoding),这也就是为什么这种类型不支持二进制数据的原因 (应使用 multipart/form-data 代替)。
node.js支持多用户web终端实现及安全方案 terminal(命令行)作为本地IDE普遍拥有的功能,对项目的git操作以及文件操作有着非常强大的支持。对于WebIDE,在没有web伪终端的情况下,仅仅提供封装
windows下更新npm和node的方法 公司的新项目要启动了,需要使用Angular4.0,并且使用webpack工具进行打包。所以就需要安装node。node的安装很简单,在node的官网nodejs.org去下载msi安装包
详解如何实现一个简单的Node.js脚手架 原因在工作中,需要开发一个脚手架,用于给相关用户提供相关的开发便利性。适合人群对前端、Node操作有一定的了解,同时向了解脚手架开发过程或
标签: nodejs常用api
本文链接地址:https://www.jiuchutong.com/biancheng/370620.html 转载请保留说明!友情链接: 武汉网站建设