node+express+http-proxy-middleware代理转发

本文介绍如何使用Node.js和Express框架配合http-proxy-middleware中间件来实现前后端分离项目的代理转发,便于前端开发人员无需安装Tomcat即可进行Ajax数据交互。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

node+express+http-proxy-middleware代理转发

@(node代理转发)[http-proxy|node实现前后端分离|]

阅读更多文章,欢迎进入我的博客:www.jaxqin.com


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

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

用node启动express

  • 1、 打开express中文网址:http://www.expressjs.com.cn/
  • 2、 点击 express应用生成器
    这里写图片描述
  • 3、 参考其官网的说明 启动一个express(具体过程参照express官网,步骤很简单,这里就不讲过程了)

代理转发配置

找到你启动的express项目下面的app.js, 按下面更改

var express = require('express');
var proxy = require('http-proxy-middleware');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

var index = require('./routes/index');
var users = require('./routes/users');

var app = express();
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));



app.use('/api', proxy({ target: 'http://www.example.com', changeOrigin: true })); //这句话的意思就是说,凡是你的ajax请求里面带api的 就还会自动帮你向http://www.example.com这里进行数据请求
module.exports = app;

然后你把你自己的代码放到目录下public就可以了;


转载请注明:文章来源:www.jaxqin.com

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值