Node.js axios库基本用法

axios是基于Promise的HTTP客户端,可以在浏览器和Node.js中使用。

GitHub地址:https://github.com/axios/axios

安装

npm install axios

新建一个服务器并启动,做为数据请求响应的例子。

const http = require('http');
const url = require("url");
const util = require('util');
const querystring = require('querystring');
const port = 3000;

http.createServer((req, res) => {
    res.statusCode = 200,
    res.setHeader('Content-Type', 'text/plain;charset=utf-8');
    if(req.method === 'GET') {
        toGet(req, res);
    }else if(req.method === 'POST') {
        toPost(req, res);
    }
}).listen(port, () => {
    console.log(`Server listening on: http://localhost:${port}`);
});

//获取GET请求内容 
function toGet(req, res){
    let data = 'GET请求内容:\n' + util.inspect(url.parse(req.url)); 
    res.end(data);
    console.log(data);
}

//获取POST请求内容、cookie 
function toPost(req, res){
    // 定义了一个data变量,用于暂存请求体的信息
    let data = '';
    // 通过req的data事件监听函数,每当接受到请求体的数据,就累加到post变量中
    req.on('data', function(chunk){    
        data += chunk;
    }); 
    // 在end事件触发后,通过querystring.parse将post解析为真正的POST请求格式,然后向客户端返回。
    req.on('end', function(){    
        //data = querystring.parse(data);
        //res.end('POST请求内容:\n' + util.inspect(data));
        data = 'POST请求内容:\n' + data;        
        res.end(data);
        console.log(data);
        console.log('cookie内容:\n' + req.headers.cookie);
    });
}

客户端axios的请求用法

GET请求用法1,不带参数。

const axios = require('axios');

axios.get('http://localhost:3000')
    .then(res => {    
        console.log(res.data);
    })
    .catch(error => {        
        console.log(error);
    });

运行结果

GET请求内容:
Url {
  protocol: null,
  slashes: null,
  auth: null,
  host: null,
  port: null,
  hostname: null,
  hash: null,
  search: null,
  query: null,
  pathname: '/',
  path: '/',
  href: '/'
}

GET请求用法2,带参数。

const axios = require('axios');

axios.get('http://localhost:3000',{
        params:{
            id: 123,
            name: 'aa'
        }
    })
    .then(res => {    
        console.log(res.data);
    })
    .catch(error => {        
        console.log(error);
    });

运行结果

GET请求内容:
Url {
  protocol: null,
  slashes: null,
  auth: null,
  host: null,
  port: null,
  hostname: null,
  hash: null,
  search: '?id=123&name=aa',
  query: 'id=123&name=aa',
  pathname: '/',
  path: '/?id=123&name=aa',
  href: '/?id=123&name=aa'
}

GET请求用法3,带参数。运行结果同上。

const axios = require('axios');

axios({
    method: 'get',
    url: 'http://localhost:3000',
        params:{
            id: 123,
            name: 'aa'
        }    
    })
    .then(res => {
        console.log(res.data);
    }).catch(error => {        
        console.log(error);
    });

POST请求用法1。

const axios = require('axios');

axios.post('http://localhost:3000',{
        id: 123,
        name: 'aa'
    })
    .then(res => {    
        console.log(res.data);
    })
    .catch(error => {        
        console.log(error);
    });

POST请求用法2。运行结果同上。

const axios = require('axios');

axios({
    method: 'post',
    url: 'http://localhost:3000',
    data: {
        id: '123',
        name: 'aa'
    }})
    .then(res => {    
        console.log(res.data);
    })
    .catch(error => {        
        console.log(error);
    });

设置默认请求的前缀地址

const axios = require('axios');

axios.defaults.baseURL = 'http://localhost:3000';

axios.get('/test?id=1')
    .then(res => {    
        console.log(res.data);
    })
    .catch(error => {        
        console.log(error);
    });

设置请求头信息

const axios = require('axios');

axios({
    method: 'post',
    url: 'http://localhost:3000',
    data: {
        id: '123',
        name: 'aa'
    },
    headers:{
        'Content-Type': 'application/json',
        'Cookie': 'id=123;name=aa;'
    }})
    .then(res => {    
        console.log(res.data);
    })
    .catch(error => {        
        console.log(error);
    });

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值