关于axios的使用整理

关于axios的使用整理

月光魔力鸭

2019-11-15 17:23 阅读 1226 喜欢 0 axios axios整理

axios 是什么?

易用、简洁且高效的http库

axios 资料

axios 常用

对于我来说,一般都是用在nodejs方面使用的,具体使用的业务都有:

请求api获取数据
let axios = require('axios');
let data = await axios.get(url).then(rs=>rs.data);
console.log(data);
let axios = require('axios');
let data = await axios.post(url,data).then(rs=>rs.data);
console.log(data)

或者

let axios = require('axios');
let data = axios({
    url : url,
    data : data
}).then(rs=>rs.data);

这种就是最最常用的了.. 到处都是,应该也没什么问题的。

请求页面解析

再就是会写爬虫,爬一些页面数据,我一般都是cheerioaxios 组合。 那么要注意的地方就是header 了,这个文档中都有,简单一记录。

axios.get(url,{
    headers : {
        'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.120 Safari/537.36'
    }
}).then(rs=>rs.data);

解析html

let cheerio = require('cheerio');
let $ = cheerio.load(html);
//之后就是类似jquery的语法了。 

遇到中文乱码的怎么搞?

//gbk编码转utf8的,大部分都说是处理下Content-type ,这个没有验证过。
axios({
    url : url,
    headers : {
        'Content-type':'application/x-www-form-urlencoded;charset=utf-8'
    }
})

//还遇到是unicode编码的中文的,这个直接在返回后的cheerio处理了。
let html =await axios.get(url).then(rs=>rs.data);
let $ = cheerio.load(html);
const text = $('#content').text();//这里会乱码
let entities = require('html-entities').XmlEntities;
let entitiesIns = new entities();
const rightTxt = entitiesIns.decode(text);//正常的内容啦
请求文件或图片下载

做爬虫的时候,难免会下载些美图啊啥的.. 哈哈

//方式还是挺多的,我常用的是stream
let fs = require('fs');
axios({
    url : url,//图片地址
    method : 'GET',
    responseType : 'stream'
}).then(rs=>{
    var ws = fs.createWriteStream('./xxoo.jpg');
    rs.data.pipe(ws);
    ws.on('end',()=>{});
}

暂记这些,后续碰到关于axios的问题,同步更新在这里。

转载请注明出处: https://chrunlee.cn/article/nodejs-axios-note.html


感谢支持!

赞赏支持
提交评论
评论信息 (请文明评论)
暂无评论,快来快来写想法...
推荐
在项目开发过程中,分页是少不了的,之前封装了一个分页组件,样式是基于bootstrap的样式,当然也可以自己来修改
通过jspdf ,我们可以将页面或图片生成pdf下载下来,如果是一些复杂的页面,我们可以将页面转成图片,然后把图片加入到pdf中,生成并下载。
业务中有一段涉及到处理canvas的图片然后将内容进行上传,后测试发现在IE中不好使哎...
需求如下:有一张大图,需要显示大图中的一小部分,目前能知道的时候小图的宽高和坐标,同时大图有一个旋转角度可以知道,目标就是把小图正确的显示出来。
突然来了一个调研任务,想要实现一个类似3D虚拟展厅类似的需求,主要就是放一些学生的作品,然后预览啥的,效果还是要全景的效果。 经过一番调查,最终锁定了以前从未接触过的krpano。
codewars上的一个题目,这里记录下解决方法。
如何通过js调用本地摄像头呢?获取后如何对视频进行截图呢?在这里跟大家做一个简易的Demo来实现以上几个功能。
做作业的时候,需要在手机上预览下,但是发现如果想在移动端上展示A4样子的作业还是挺麻烦的,最后还是准备通过图片来展示,然后移动端缩放呗。。