npm 包 express-proxy-api 使用教程

前言

在前端开发中，我们经常需要调用接口来和服务器进行数据交互，而随着项目的复杂，第三方接口的不断增加，我们在开发过程中经常会遇到跨域问题。这时，express-proxy-api 就成了一个非常好用的解决方案。本文将为大家介绍 npm 包 express-proxy-api 的使用教程。

安装 express-proxy-api

在命令行运行以下命令：

npm install express-proxy-api

express-proxy-api 的使用方法

1. 引入 express-proxy-api

const express = require('express');
const proxy = require('express-proxy-api');

const app = express();

2. 设置代理

在 app 中添加代理，示例代码如下：

app.use('/api', proxy('http://www.example.com'));

其中，/api 是我们项目中用来访问第三方接口的路径，我们可自定义。http://www.example.com 则是我们需要访问的第三方接口的地址。

如果需要访问多个第三方接口，只需要添加多个代理即可。示例代码如下：

app.use('/api/one', proxy('http://www.one.com'));
app.use('/api/two', proxy('http://www.two.com'));

3. 使用代理

在前端代码中，我们可以通过访问 http://localhost:port/api/xxx 的方式来访问第三方接口。

fetch('/api/getData')
    .then(res => res.json())
    .then(data => console.log(data))
    .catch(err => console.log(err));

访问 http://localhost:port/api/getData 等同于访问 http://www.example.com/getData 。

总结

本文介绍了 npm 包 express-proxy-api 的使用方法，通过使用 express-proxy-api 我们可以很方便的解决跨域问题，使得前端开发变得更加便捷。如果你还没有使用过 express-proxy-api，不妨试一试，相信你将会爱上它。

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