Methoden und Schritte zur Verwendung von http-Proxy-Middleware zur domänenübergreifenden Implementierung von Proxy in Node
1. Installieren Sie das Proxy-Modulcnpm ich http-proxy-middleware -S 2. Konfigurieren Sie den Proxy
const express = erfordern('express');
const app = express();
/* Proxy-Konfiguration starten */
const proxy = require('http-proxy-middleware'); //Proxy-Modul einführen const proxyOptions = {
Ziel: „http://127.0.0.1:9999“, //Adresse des Backend-Servers changeOrigin: true //Domänenübergreifender Prozess};
const exampleProxy = proxy('/api/*', proxyOptions); //Alle Anfragen mit dem API-Präfix gehen über den Proxy app.use(exampleProxy);
/* Proxy-Konfiguration Ende */
const hostName = "127.0.0.1";
konstanter Port = 8080;
app.get('/', Funktion(req, res) {
Konstanten html =
`<!DOCTYPE html>
<html lang="de">
<Kopf>
<meta charset="UTF-8" />
<meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0" />
<meta http-equiv="X-UA-kompatibel" content="ie=edge" />
<title>Dokument</title>
</Kopf>
<Text>
<button id="btn1">Serverschnittstelle 1 anfordern</button>
<button id="btn2">Serverschnittstelle 2 anfordern</button>
<script src="https://cdn.bootcss.com/axios/0.19.0/axios.min.js"></script>
<Skript>
document.getElementById('btn1').addEventListener(
'klicken',
() => {
axios.get('/api/hallo', {
Parameter: {
Schlüssel: "Hallo"
}
});
},
FALSCH
);
document.getElementById('btn2').addEventListener(
'klicken',
() => {
axios.get('/api/word', {
Parameter: {
Schlüssel: "Wort"
}
});
},
FALSCH
);
</Skript>
</body>
</html>`;
res.setHeader('Inhaltstyp', 'text/html');
res.senden(html);
});
app.listen(Port, Hostname, Funktion() {
console.log(`Der Server läuft unter http://${hostName}:${port}`);
});Dies ist das Ende dieses Artikels über die Schritte zur Verwendung von http-Proxy-Middleware in Node zur Implementierung von Proxy-Cross-Domain. Weitere relevante Inhalte zu Node http-Proxy-Middleware-Proxy-Cross-Domain finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird! Das könnte Sie auch interessieren:
|
<<: Überblick und Unterschiede zwischen HTML-Inline-Elementen und HTML-Block-Level-Elementen
>>: Docker erstellt eine Jenkins+Maven-Plattform zum Erstellen und Bereitstellen von Code
Artikel empfehlen
Grafisches Tutorial zur Installation und Konfiguration von VMware Tools für Ubuntu 16.04 64-Bit
In diesem Artikel finden Sie ein grafisches Tutor...
Detaillierter Prozess zur Verwendung von Nginx zum Erstellen eines WebDAV-Dateiservers in Ubuntu
Installieren Sie nginx Beachten Sie, dass Sie ngi...
Detaillierte Erklärung zum Abrufen der IP-Adresse eines Docker-Containers
1. Nach dem Betreten des Containers Katze /etc/ho...
Tutorial zum Upgrade von Centos7 auf Centos8 (mit Bildern und Text)
Wenn Sie ein Upgrade in einer formalen Umgebung d...
So verwenden Sie vue-cli, um ein Projekt zu erstellen und es mit webpack zu verpacken
1. Bereiten Sie die Umgebung vor (laden Sie nodej...
CSS-Tricks zum Erstellen von Welleneffekten
Es war schon immer sehr schwierig, Welleneffekte ...
Zusammenfassung der Verzögerungen der MySQL-Slave-Bibliothek „Seconds_Behind_Master“
Inhaltsverzeichnis Zusammenfassung der Verzögerun...
Tutorial-Diagramm zur Installation des MySQL-Dienstes über MySQL Installer unter Windows
MYSQL bietet offiziell eine Installer-Methode zum...
js-Methode zur Realisierung der Warenkorbberechnung
In diesem Artikelbeispiel wird der spezifische Co...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7
In diesem Tutorial erfahren Sie alles über die In...
Mysql NULL verursachte die Grube
Verwenden von NULL in Vergleichsoperatoren mysql&...
Die Tabelle verwendet: nth-child(), um abwechselnde Farbänderungen und Ausrichtungen zu erreichen
Kerncode <!DOCTYPE html> <html lang=&quo...
Methode zum Erkennen, ob IP und Port verbindbar sind
Windows cmd Telnet Format: Telnet-IP-Port Fall: T...
12 Javascript-Tabellensteuerelemente (DataGrid) sind aussortiert
Wenn die DataSource-Eigenschaft eines DataGrid-Ste...
Ausrichtungsproblem zwischen Eingabetextfeld und Bildbestätigungscode (Bild ist immer einen Kopf höher als die Eingabe)
Bei der Erstellung von Webseiten werden Eingabe un...