这次给大家带来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文件
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')}`);});
登录后复制
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
如何在微信小程序内开发验证码密码输入框功能
怎么使用webpack3.0配置webpack-dev-server
以上就是node跨域使用express+http-proxy-middleware步骤详解的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2752457.html
