关于axios的使用整理

关于axios的使用整理

月光魔力鸭

2019-11-15 17:23 阅读 1737 喜欢 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


感谢支持!

赞赏支持
提交评论
评论信息 (请文明评论)
暂无评论,快来快来写想法...
推荐
偶尔练习下canvas,这里简单记录下常用API,防止遗忘..加深记忆..努力提高..争取突破...daydayup
之前一直没面试过前端,今天有一个,先整理下需要问的问题和答案。这里都是一些简单的问题,关于当下比较流行的框架并没有涉及到..
最近一直在想着抓一些网盘数据,进行资料归拢,可是当我真正开始的时候.. 还是遇到了反爬,当然我本身就有心理预期,这是肯定会碰到的,只是没想到会在代理IP上耗费这么久,之前的时候也处理过代理IP ,可是由于一知半解,导致很多配置都不理解,debug全靠猜...
近期需求:将一棵树导出到excel中,树是ztree,通过插件Table2excel导出table到excel中。
开发的项目中有使用到微信开发,由于之前偶尔才用一次,也是用的别人的地址和测试号,这里记录下自己的操作。防止后续遗忘。
this 是 JavaScript 的一大难点,多年经验的前端程序员都可能对这方面模糊。this 在大量的函数、类库中都有使用,理清显式绑定和隐式绑定有助于理解或书写这类函数。
今天小程序上传体验版本后莫名无法获取用户数据,但是本地开发环境是正常的,通过开发工具的真机进行测试也正常,但是通过开发工具的预览又不正常,初步来看代码是没有问题的,可能是哪里设置有问题。
错误:The operation is insecure . 在使用canvas的 toDataUrl的时候报错,看了很多资料,基本上都说是设置跨域,但是我一直都有的啊。其实,只是顺序错了,setAttribute('crossOrigin','Anonymous') 要在设置 src之前设置。