node跨域转发 express+http-proxy-middleware的使用


Posted in Javascript onMay 31, 2018

最近公司在尝试前后端分离的开发模式,现有应用是java语言,要从中间拆除一个小的模块来做前后端分离,工具上还是jquery,只不过是流程和分工上的分离,不想在前端的机器上搭建一套java环境,就根据教程搭了一下转发,让本地可以接上开发服务器联调。

为什么要使用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')}`);
});

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript代码混淆综合解决方案-Javascript在线混淆器
Dec 18 Javascript
完整显示当前日期和时间的JS代码
Sep 17 Javascript
js实现图片放大缩小功能后进行复杂排序的方法
Nov 08 Javascript
实现web打印的各种方法介绍及实现代码
Jan 09 Javascript
[将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
Aug 18 Javascript
详解JavaScript数组的操作大全
Oct 19 Javascript
JS onkeypress兼容性写法详解
Apr 27 Javascript
AngularJS Select(选择框)使用详解
Jan 18 Javascript
jQuery实现当拉动滚动条到底部加载数据的方法分析
Jan 24 jQuery
解决微信小程序中的滚动穿透问题
Sep 16 Javascript
node.js实现简单的压缩/解压缩功能示例
Nov 05 Javascript
详解Vue slot插槽
Nov 20 Vue.js
Vue实现侧边菜单栏手风琴效果实例代码
May 31 #Javascript
Node.js笔记之process模块解读
May 31 #Javascript
Vue组件中prop属性使用说明实例代码详解
May 31 #Javascript
用JS实现根据当前时间随机生成流水号或者订单号
May 31 #Javascript
Vue2 轮播图slide组件实例代码
May 31 #Javascript
vue2.0+vuex+localStorage代办事项应用实现详解
May 31 #Javascript
JavaScript 中的12种循环遍历方法【总结】
May 31 #Javascript
You might like
完美解决令人抓狂的zend studio 7代码提示(content Assist)速度慢的问题
2013/06/20 PHP
日常整理PHP中简单的图形处理(经典)
2015/10/26 PHP
详解PHP+AJAX无刷新分页实现方法
2015/11/03 PHP
Smarty日期时间操作方法示例
2016/11/15 PHP
mac os快速切换多个PHP版本的方法
2017/03/07 PHP
用JS实现一个页面多个css样式实现
2008/05/29 Javascript
javascript高亮效果的二种实现方法
2008/09/14 Javascript
in.js 一个轻量级的JavaScript颗粒化模块加载和依赖关系管理解决方案
2011/07/26 Javascript
js模拟点击事件实现代码
2012/11/06 Javascript
treepanel动态加载数据实现代码
2012/12/15 Javascript
JS常用函数和常用技巧小结
2016/10/15 Javascript
Vue中保存用户登录状态实例代码
2017/06/07 Javascript
nodejs实现爬取网站图片功能
2017/12/14 NodeJs
p5.js入门教程和基本形状绘制
2018/03/15 Javascript
vue中实现先请求数据再渲染dom分享
2018/03/17 Javascript
利用jsonp解决js读取本地json跨域的问题
2018/12/11 Javascript
npm 常用命令详解(小结)
2019/01/17 Javascript
jQuery实现动态添加和删除input框实例代码
2019/03/26 jQuery
使用Python制作自动推送微信消息提醒的备忘录功能
2018/09/06 Python
Python并行分布式框架Celery详解
2018/10/15 Python
在python中以相同顺序shuffle两个list的方法
2018/12/13 Python
python制作图片缩略图
2019/04/30 Python
Python如何实现转换URL详解
2019/07/02 Python
Python&amp;&amp;GDAL实现NDVI的计算方式
2020/01/09 Python
Python大批量搜索引擎图像爬虫工具详解
2020/11/16 Python
HTML里显示pdf、word、xls、ppt的方法示例
2020/04/14 HTML / CSS
微软英国官方网站:Microsoft英国
2016/10/15 全球购物
澳洲的UGG雪地靴超级市场:Uggs.com.au
2020/04/06 全球购物
机械制造专业个人的自我评价
2013/12/28 职场文书
企业活动策划方案
2014/06/02 职场文书
小学学校门卫岗位职责
2014/08/03 职场文书
春节超市活动方案
2014/08/14 职场文书
煤矿安全保证书
2015/02/27 职场文书
幼儿园小班班务总结
2015/08/03 职场文书
2019年度政务公开考核工作总结模板
2019/11/11 职场文书
Python+Pillow+Pytesseract实现验证码识别
2022/05/11 Python