node跨網域使用express+http-proxy-middleware步驟詳解

這次帶給大家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檔案

<!--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')}`);
});

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

如何在微信小程式內開發驗證碼密碼輸入框功能

怎麼使用webpack3. 0配置webpack-dev-server

以上是node跨網域使用express+http-proxy-middleware步驟詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！