NodeJS中使用Express搭建本地开发环境与转发请求

NodeJS中使用Express搭建本地开发环境与转发请求

很多时候,临时需要搭建一个开发用的web服务环境。

可以使用IDE的插件快速启动,但有时候需要控制部分请求转发或者代理。

当然,如果有安装NGINX,写一个conf就能完成。

不过,这个话题是基于前端开发者来说的;对于前端开发来说,可能会没有安装NGINX,但绝对不会没有安装NodeJS。

因此,前端开发需要搭建一个临时的web环境,有了NodeJS就很轻松了。

使用express或者koa搭建web服务。

npm install -D express

然后新建一个server.js

const express = require('express');

const app = express();
// 挂上静态服务,这样默认的index.html也能直接访问
app.use('/', express.static('静态目录'));
// 监听接口,web服务启动
app.listen(3000);

指定static位置,一个简单的开发环境完成。

有时候需要在页面上异步请求后端接口地址,如果使用接口的绝对地址,就会遇到跨域问题。所以,加上一个http-proxy-middleware转发请求。

npm install -D http-proxy-middleware

app.use挂上接口路径的监听转发。

const express = require('express');
const {
    createProxyMiddleware,
} = require('http-proxy-middleware');

const app = express();
// 挂上静态服务,这样默认的index.html也能直接访问
app.use('/', express.static('静态目录'));
// 挂上需要转发的路径
app.use('/api', createProxyMiddleware({
    target: 'http://127.0.0.1:8080/',
    changeOrigin: true,
}));
// 监听接口,web服务启动
app.listen(3000);

OK,搭建完成。