Node中使用http-proxy-middleware實(shí)現(xiàn)代理跨域的方法步驟
更新時(shí)間：2021年11月15日 10:02:08 作者：lihefei_coder
本文主要介紹了Node中使用http-proxy-middleware實(shí)現(xiàn)代理跨域的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
1.安裝代理模塊
cnpm i http-proxy-middleware -S
2.配置代理
const express = require('express');
const app = express();
/* 代理配置 start */
const proxy = require('http-proxy-middleware'); //引入代理模塊
const proxyOptions = {
target: 'http://127.0.0.1:9999', //后端服務(wù)器地址
changeOrigin: true //處理跨域
};
const exampleProxy = proxy('/api/*', proxyOptions); //api前綴的請(qǐng)求都走代理
app.use(exampleProxy);
/* 代理配置 end */
const hostName = '127.0.0.1';
const port = 8080;
app.get('/', function(req, res) {
const html =
`<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<body>
<button id="btn1">請(qǐng)求服務(wù)器接口1</button>
<button id="btn2">請(qǐng)求服務(wù)器接口2</button>
<script src="https://cdn.bootcss.com/axios/0.19.0/axios.min.js"></script>
<script>
document.getElementById('btn1').addEventListener(
'click',
() => {
axios.get('/api/hello', {
params: {
key: 'hello'
}
});
},
false
);
document.getElementById('btn2').addEventListener(
'click',
() => {
axios.get('/api/word', {
params: {
key: 'word'
}
});
},
false
);
</script>
</body>
</html>`;
res.setHeader('Content-Type', 'text/html');
res.send(html);
});
app.listen(port, hostName, function() {
console.log(`服務(wù)器運(yùn)行在http://${hostName}:${port}`);
});
到此這篇關(guān)于Node中使用http-proxy-middleware實(shí)現(xiàn)代理跨域的方法步驟的文章就介紹到這了,更多相關(guān)Node http-proxy-middleware代理跨域內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Node.js console控制臺(tái)簡(jiǎn)單用法分析
這篇文章主要介紹了Node.js console控制臺(tái)簡(jiǎn)單用法,結(jié)合實(shí)例形式分析了nodejs console控制臺(tái)功能、常見函數(shù)與簡(jiǎn)單使用技巧,需要的朋友可以參考下2019-01-01
Node.js Sequelize如何實(shí)現(xiàn)數(shù)據(jù)庫(kù)的讀寫分離
Sequelize是一個(gè)易于使用，支持多SQL方言(dialect)的對(duì)象-關(guān)系映射框架（ORM），這個(gè)庫(kù)完全采用JavaScript開發(fā)并且能夠用在Node.JS環(huán)境中。它當(dāng)前支持MySQL, MariaDB, SQLite 和 PostgreSQL 數(shù)據(jù)庫(kù)。在Node.js中，使用 Sequelize操作數(shù)據(jù)庫(kù)時(shí)，同樣支持讀寫分離。2016-10-10
這篇文章主要介紹了node 使用 async 控制并發(fā)的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-05-05
nodejs中request庫(kù)使用HTTPS代理的方法
這篇文章主要介紹了nodejs中request庫(kù)使用HTTPS代理的方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-04-04
Node.js中的require.resolve方法使用簡(jiǎn)介
在Node.js中，可以使用require.resolve函數(shù)來查詢某個(gè)模塊文件的帶有完整絕對(duì)路徑的文件名，下面這篇文章主要介紹了Node.js中require.resolve方法使用的相關(guān)資料，需要的朋友可以參考借鑒，下面來一起看看吧。2017-04-04
這篇文章主要介紹了NODE.JS如何根據(jù)URL返回指定的圖片詳解，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10
本篇文章主要介紹了nodejs 文本操作模塊-fs模塊（三），詳細(xì)的講訴了readFile，和writeFile方法，具有一定的參考價(jià)值，有興趣的可以了解一下。2016-12-12
這篇文章主要介紹了npm的lock機(jī)制解析，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-06-06
node-red教程之dashboard簡(jiǎn)介與輸入型儀表板控件的使用
Node-red支持自定義節(jié)點(diǎn)，當(dāng)然也就支持自定義圖形化的節(jié)點(diǎn)。也有優(yōu)秀的開發(fā)者把自己建立的圖形化節(jié)點(diǎn)無償分享。這里給出一個(gè)股票界面的例子，讓大家看一看優(yōu)秀的node-red界面能做到什么樣子2022-01-01
這篇文章主要給大家介紹了關(guān)于如何利用nodejs實(shí)現(xiàn)命令行游戲的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11