node跨域轉(zhuǎn)發(fā) express+http-proxy-middleware的使用
最近公司在嘗試前后端分離的開(kāi)發(fā)模式，現(xiàn)有應(yīng)用是java語(yǔ)言，要從中間拆除一個(gè)小的模塊來(lái)做前后端分離，工具上還是jquery，只不過(guò)是流程和分工上的分離，不想在前端的機(jī)器上搭建一套java環(huán)境，就根據(jù)教程搭了一下轉(zhuǎn)發(fā)，讓本地可以接上開(kāi)發(fā)服務(wù)器聯(lián)調(diào)。
為什么要使用node代理轉(zhuǎn)發(fā)？
我們要實(shí)現(xiàn)前后端分離，然后前端不在自己的電腦上安裝tomcat，這時(shí)候，我們通過(guò)用node搭建服務(wù)器，然后轉(zhuǎn)發(fā)我們的請(qǐng)求。例如：自己本地是localhost:3000,我們需要訪問(wèn)http://www.example.com（當(dāng)然，開(kāi)發(fā)過(guò)程中，這個(gè)應(yīng)該是你們后臺(tái)的tomcat的地址）, 來(lái)做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();
// 超時(shí)時(shí)間
const TIME_OUT = 30 * 1e3;
// 設(shè)置端口
app.set('port', '80');
// 設(shè)置超時(shí) 返回超時(shí)響應(yīng)
app.use(timeout(TIME_OUT));
app.use((req, res, next) => {
if (!req.timedout) next();
});
proxyOption = {
target: 'http://localhost:8080',
pathRewrite: {
'^/api/' : '/' // 重寫(xiě)請(qǐng)求，api/解析為/
},
changeOrigoin:true
};
// 靜態(tài)資源路徑
app.use('/', express.static('src/page'));
// 反向代理
app.use('/api/*', proxy(proxyOption));
// 監(jiān)聽(tīng)端口
app.listen(app.get('port'), () => {
console.log(`server running @${app.get('port')}`);
});
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
Node.js net模塊功能及事件監(jiān)聽(tīng)用法分析
這篇文章主要介紹了Node.js net模塊功能及事件監(jiān)聽(tīng)用法,結(jié)合實(shí)例形式分析了net模塊功能及事件監(jiān)聽(tīng)相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
NPM是隨同NodeJS一起安裝的包管理工具,能解決NodeJS代碼部署上的很多問(wèn)題,下面這篇文章主要給大家介紹了關(guān)于NPM全局安裝與本地安裝區(qū)別的相關(guān)資料,需要的朋友可以參考下2022-10-10
這篇文章主要介紹了node.js實(shí)現(xiàn)的裝飾者模式,簡(jiǎn)單說(shuō)明了裝飾者模式的原理、功能并結(jié)合實(shí)例形式給出了node.js裝飾者模式的實(shí)現(xiàn)方法,需要的朋友可以參考下2017-09-09
如何通過(guò)node.js來(lái)寫(xiě)接口詳解
最近研究了一下nodejs寫(xiě)接口,發(fā)現(xiàn)接口并不難寫(xiě),這篇文章主要給大家介紹了關(guān)于如何通過(guò)node.js來(lái)寫(xiě)接口的相關(guān)資料,文中通過(guò)實(shí)例代碼和圖文介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09
這篇文章主要介紹了nodejs中的fiber（纖程）庫(kù)詳解,本文講解了node-fibers的安裝、API介紹、方法使用示例等內(nèi)容,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了Nodejs之Express中間件的分類，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-12-12
Node.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í)用，有需要的小伙伴可以來(lái)參考下2016-03-03
Node.js中Path 模塊的介紹和使用示例小結(jié)
Node.js path 模塊提供了一些用于處理文件路徑的小工具,下面通過(guò)本文給大家介紹Node.js中Path 模塊的介紹和使用示例小結(jié),感興趣的朋友跟隨小編一起看看吧2024-05-05
這篇文章主要介紹了NODE.JS跨域問(wèn)題的完美解決方案,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-10-10