npm 包 node-angular-http-client 使用教程

介绍

在前端开发中，我们经常会需要与后端进行数据的交互。而 Http 客户端就是帮助我们实现与后端交互的工具之一。node-angular-http-client 就是一个非常好用的 Http 客户端。

安装

使用 npm 安装 node-angular-http-client：

npm install node-angular-http-client --save

使用

创建实例

使用 NodeHttpClient 类创建一个新的实例：

import { NodeHttpClient } from 'node-angular-http-client';

const httpClient = new NodeHttpClient();

发送 GET 请求

发送 GET 请求，使用 get() 方法。如下所示：

httpClient.get(url: string, options?: RequestOptions) => Promise<Response>

参数：

• url：请求 URL，注意必须包含协议头，如 http:// 或 https://。
• options：可选，请求配置 RequestOptions

示例代码：

import { NodeHttpClient } from 'node-angular-http-client';

const httpClient = new NodeHttpClient();
httpClient.get('http://example.com/api')
    .then(response => console.log(response))
    .catch(error => console.error(error));

发送 POST 请求

发送 POST 请求，使用 post() 方法。如下所示：

httpClient.post(url: string, body: any, options?: RequestOptions) => Promise<Response>

参数：

• url：请求 URL，注意必须包含协议头，如 http:// 或 https://。
• body：请求体，可以是请求参数。
• options：可选，请求配置 RequestOptions

示例代码：

import { NodeHttpClient } from 'node-angular-http-client';

const httpClient = new NodeHttpClient();
httpClient.post('http://example.com/api', { 'name': 'example' })
    .then(response => console.log(response))
    .catch(error => console.error(error));

发送 PUT 请求

发送 PUT 请求，使用 put() 方法。如下所示：

httpClient.put(url: string, body: any, options?: RequestOptions) => Promise<Response>

参数：

• url：请求 URL，注意必须包含协议头，如 http:// 或 https://。
• body：请求体，可以是请求参数。
• options：可选，请求配置 RequestOptions

示例代码：

import { NodeHttpClient } from 'node-angular-http-client';

const httpClient = new NodeHttpClient();
httpClient.put('http://example.com/api/1', { 'name': 'example' })
    .then(response => console.log(response))
    .catch(error => console.error(error));

发送 DELETE 请求

发送 DELETE 请求，使用 delete() 方法。如下所示：

httpClient.delete(url: string, options?: RequestOptions) => Promise<Response>

参数：

• url：请求 URL，注意必须包含协议头，如 http:// 或 https://。
• options：可选，请求配置 RequestOptions

示例代码：

import { NodeHttpClient } from 'node-angular-http-client';

const httpClient = new NodeHttpClient();
httpClient.delete('http://example.com/api/1')
    .then(response => console.log(response))
    .catch(error => console.error(error));

请求配置 RequestOptions

headers

请求头。

const options = {
    headers: { 'Content-Type': 'application/json' }
};

responseType

设置响应类型。默认为 'text'。

const options = {
    responseType: 'arraybuffer'
};

withCredentials

设置跨域使用 cookie。默认为 false。

const options = {
    withCredentials: true
}

params

const options = {
    params: { 'id': 1 }
};

总结

node-angular-http-client 是一个非常好用的 Http 客户端库。我们可以通过它很方便地与后端进行数据的交互。在使用过程中，我们要注意请求的 URL 必须包含协议头，不然会报错。同时，我们还可以使用 RequestOptions 对请求进行配置。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600566ff81e8991b448e341b