最近公司在尝试前后端分离的开发模式,现有应用是java语言,要从中间拆除一个小的模块来做前后端分离,工具上还是jquery,只不过是流程和分工上的分离,不想在前端的机器上搭建一套java环境,就根据教程搭了一下转发,让本地可以接上开发服务器联调。
<强>为什么要使用节点代理转发?
我们要实现前后端分离,然后前端不在自己的电脑上安装tomcat,这时候,我们通过用节点搭建服务器,然后转发我们的请求。例如:自己本地是localhost: 3000年,我们需要访问http://www.example.com(当然,开发过程中,这个应该是你们后台的tomcat的地址),来做ajax的数据交互。
创建项目
npm init
之前
安装模块
npm安装表达connect-timeout http-proxy-middleware——save-dev
创建js文件
& lt; !——proxy-server.js祝辞
const表达=要求(“表达”);
const超时=要求(“connect-timeout”);
const代理=要求(“http-proxy-middleware”);
const应用=表达();//超时时间
const TIME_OUT=30 * 1 e3;//设置端口
app.set(“港”,“80”);//设置超时返回超时响应
app.use(超时(TIME_OUT));
app.use((点播,res,下一个)=比;{
如果(! req.timedout) next ();
}）;
proxyOption={
目标:http://localhost: 8080,
pathRewrite: {
' ^/api/': '/'//重写请求,api/解析为/},
changeOrigoin:真
};//静态资源路径
app.use ('/', express.static (src/页));//反向代理
app.use (/api/*,代理(proxyOption));//监听端口
app.listen (app.get(“港口”),()=比;{
控制台。运行日志(“服务器@ $ {app.get(港口)}”);
}）;
之前
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
