node跨域轉(zhuǎn)發(fā) express+http-proxy-middleware的使用
最近公司在嘗試前后端分離的開發(fā)模式,現(xiàn)有應(yīng)用是java語言,要從中間拆除一個小的模塊來做前后端分離,工具上還是jquery,只不過是流程和分工上的分離,不想在前端的機(jī)器上搭建一套java環(huán)境,就根據(jù)教程搭了一下轉(zhuǎn)發(fā),讓本地可以接上開發(fā)服務(wù)器聯(lián)調(diào)。
為什么要使用node代理轉(zhuǎn)發(fā)?
我們要實(shí)現(xiàn)前后端分離,然后前端不在自己的電腦上安裝tomcat,這時候,我們通過用node搭建服務(wù)器,然后轉(zhuǎn)發(fā)我們的請求。例如:自己本地是localhost:3000,我們需要訪問http://www.example.com(當(dāng)然,開發(fā)過程中,這個應(yīng)該是你們后臺的tomcat的地址), 來做ajax的數(shù)據(jù)交互。
創(chuàng)建項(xiàng)目
npm init
安裝模塊
npm install express connect-timeout http-proxy-middleware --save-dev
創(chuàng)建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; // 設(shè)置端口 app.set('port', '80'); // 設(shè)置超時 返回超時響應(yīng) app.use(timeout(TIME_OUT)); app.use((req, res, next) => { if (!req.timedout) next(); }); proxyOption = { target: 'http://localhost:8080', pathRewrite: { '^/api/' : '/' // 重寫請求,api/解析為/ }, changeOrigoin:true }; // 靜態(tài)資源路徑 app.use('/', express.static('src/page')); // 反向代理 app.use('/api/*', proxy(proxyOption)); // 監(jiān)聽端口 app.listen(app.get('port'), () => { console.log(`server running @${app.get('port')}`); });
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Node.js net模塊功能及事件監(jiān)聽用法分析
這篇文章主要介紹了Node.js net模塊功能及事件監(jiān)聽用法,結(jié)合實(shí)例形式分析了net模塊功能及事件監(jiān)聽相關(guān)操作技巧,需要的朋友可以參考下2019-01-01Node.js學(xué)習(xí)之內(nèi)置模塊fs用法示例
這篇文章主要介紹了Node.js學(xué)習(xí)之內(nèi)置模塊fs用法,結(jié)合實(shí)例形式詳細(xì)分析了node.js內(nèi)置模塊fs的基本功能、用法與相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2020-01-01基于socket.io+express實(shí)現(xiàn)多房間聊天
本文給大家分享的是使用node.js,基于socket.io+express實(shí)現(xiàn)多房間聊天的代碼,非常的實(shí)用,有需要的小伙伴可以來參考下2016-03-03Node.js中Path 模塊的介紹和使用示例小結(jié)
Node.js path 模塊提供了一些用于處理文件路徑的小工具,下面通過本文給大家介紹Node.js中Path 模塊的介紹和使用示例小結(jié),感興趣的朋友跟隨小編一起看看吧2024-05-05