node跨域使用express+http-proxy-middleware步骤详解

这次给大家带来node跨域使用express+http-proxy-middleware步骤详解，node跨域使用express+http-proxy-middleware的注意事项有哪些，下面就是实战案例，一起来看一下。

为什么要使用node代理转发？

我们要实现前后端分离，然后前端不在自己的电脑上安装tomcat，这时候，我们通过用node搭建服务器，然后转发我们的请求。例如：自己本地是localhost:3000,我们需要访问http://www.example.com（当然，开发过程中，这个应该是你们后台的tomcat的地址）, 来做ajax的数据交互。

创建项目

npm init

安装模块

npm install express connect-timeout http-proxy-middleware --save-dev

创建js文件

<!--proxy-server.js-->
const express = require('express');
const timeout = require('connect-timeout');
const proxy = require('http-proxy-middleware');
const app = express();
// 超时时间
const TIME_OUT = 30 * 1e3;
// 设置端口
app.set('port', '80');
// 设置超时 返回超时响应
app.use(timeout(TIME_OUT));
app.use((req, res, next) => {
 if (!req.timedout) next();
});
proxyOption = {
 target: 'http://localhost:8080',
 pathRewrite: {
    '^/api/' : '/' // 重写请求，api/解析为/
  },
  changeOrigoin:true
};
// 静态资源路径
app.use('/', express.static('src/page'));
// 反向代理
app.use('/api/*', proxy(proxyOption));
// 监听端口
app.listen(app.get('port'), () => {
 console.log(`server running @${app.get('port')}`);
});

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

如何在微信小程序内开发验证码密码输入框功能

怎么使用webpack3.0配置webpack-dev-server

Atas ialah kandungan terperinci node跨域使用express+http-proxy-middleware步骤详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!