node跨域轉(zhuǎn)發(fā) express+http-proxy-middleware的使用
更新時間：2018年05月31日 10:21:34 作者：愚坤
這篇文章主要介紹了node跨域轉(zhuǎn)發(fā) express+http-proxy-middleware的使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
最近公司在嘗試前后端分離的開發(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)建項目
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)文章
這篇文章主要介紹了nodejs超出最大的調(diào)用棧錯誤問題,需要的朋友可以參考下2017-12-12
在現(xiàn)代 web 開發(fā)中,處理并發(fā)連接是一個對于構(gòu)建高性能服務(wù)器至關(guān)重要的話題,Node.js 是一個使用 JavaScript 作為編程語言的服務(wù)器端環(huán)境,在這篇博客中,我們將深入探討 Node.js 如何有效地管理并發(fā)連接,并提供一些示例代碼以便于更好地理解這個過程2024-10-10
如何讓Nodejs支持H5 History模式(connect-history-api-fallback源碼分析)
這篇文章主要介紹了如何讓Nodejs支持H5 History模式(connect-history-api-fallback源碼分析)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
如何在Nestjs和Vue3中使用socket.io示例詳解
這篇文章主要為大家介紹了如何在Nestjs和Vue3中使用socket.io示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
這篇文章主要為大家介紹了npm?工具庫?yenv使用簡介，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
利用node.js實(shí)現(xiàn)反向代理的方法詳解
在實(shí)際工程開發(fā)中，會有前后端分離的需求。為了平滑的完成前端請求到后端各個獨(dú)立服務(wù)，需要一個中間件實(shí)現(xiàn)請求轉(zhuǎn)發(fā)的功能，利用Nginx可以實(shí)現(xiàn)，在這里使用nodejs實(shí)現(xiàn)一個反向代理服務(wù)器。本文主要介紹了關(guān)于利用node.js實(shí)現(xiàn)反向代理的相關(guān)資料，需要的朋友可以參考下。2017-07-07
Electron調(diào)用外接攝像頭并拍照上傳實(shí)現(xiàn)詳解
這篇文章主要為大家介紹了Electron調(diào)用外接攝像頭并拍照上傳實(shí)例實(shí)現(xiàn)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
Node.js中Mongodb數(shù)據(jù)庫操作方法(最新推薦)
MongoDB是一種基于分布式文件存儲的NoSQL數(shù)據(jù)庫,它允許存儲和檢索大量結(jié)構(gòu)化數(shù)據(jù),MongoDB的核心概念包括數(shù)據(jù)庫、集合和文檔,每個集合可以包含多個文檔,每個文檔是一個鍵值對的集合,本文介紹Node.js Mongodb數(shù)據(jù)庫操作方法,感興趣的朋友一起看看吧2024-12-12
這篇文章主要介紹了Node.js開發(fā)第三方微信公眾平臺的相關(guān)資料,需要的朋友可以參考下2017-06-06
本文這里給大家介紹的是nodejs中前端自動化構(gòu)建環(huán)境的搭建方法，非常的細(xì)致全面，有需要的小伙伴可以參考下2017-07-07