Node.js axios库基本用法

裕润建材公司 發表於 2021-3-29 10:34:00

axios是基于Promise的HTTP客户端，可以在浏览器和Node.js中使用。
GitHub地址：https://github.com/axios/axios
安装
<div class="cnblogs_code">
<pre>npm install axios</pre>
</div>
新建一个服务器并启动，做为数据请求响应的例子。
<div class="cnblogs_code">
<pre>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);
});
}</pre>
</div>
客户端axios的请求用法
GET请求用法1，不带参数。
<div class="cnblogs_code">
<pre>const axios = require('axios');

axios.get('http://localhost:3000')
.then(res => {
 console.log(res.data);
})
.catch(error => {
 console.log(error);
});</pre>
</div>
运行结果
<div class="cnblogs_code">
<pre>GET请求内容：
Url {
protocol: null,
slashes: null,
auth: null,
host: null,
port: null,
hostname: null,
hash: null,
search: null,
query: null,
pathname: '/',
path: '/',
href: '/'
}</pre>
</div>
 
GET请求用法2，带参数。
<div class="cnblogs_code">
<pre>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);
});</pre>
</div>
运行结果
<div class="cnblogs_code">
<pre>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'
}</pre>
</div>
 
GET请求用法3，带参数。运行结果同上。
<div class="cnblogs_code">
<pre>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);
});</pre>
</div>
 
POST请求用法1。
<div class="cnblogs_code">
<pre>const axios = require('axios');

axios.post('http://localhost:3000',{
 id: 123,
 name: 'aa'
})
.then(res => {
 console.log(res.data);
})
.catch(error => {
 console.log(error);
});</pre>
</div>
 
POST请求用法2。运行结果同上。
<div class="cnblogs_code">
<pre>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);
});</pre>
</div>
 
设置默认请求的前缀地址
<div class="cnblogs_code">
<pre>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);
});</pre>
</div>
 
设置请求头信息
<div class="cnblogs_code">
<pre>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);
});</pre>
</div>
  
来源：https://www.cnblogs.com/gdjlc/p/14568817.html

頁: [1]

琼殿技术论坛's Archiver

Node.js axios库基本用法