Methoden und Schritte zur Verwendung von http-Proxy-Middleware zur domänenübergreifenden Implementierung von Proxy in Node

Methoden und Schritte zur Verwendung von http-Proxy-Middleware zur domänenübergreifenden Implementierung von Proxy in Node

1. Installieren Sie das Proxy-Modul

cnpm 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:
  • Verwendung der Node-Cross-Domain-Weiterleitung Express+HTTP-Proxy-Middleware

<<:  Ü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

JavaScript-Methode zum Erkennen des Dateityps

Inhaltsverzeichnis 1. So zeigen Sie die Binärdate...

MySQL-Einfügungsproblem bei JSON

MySQL 5.7.8 und höher unterstützt nun einen nativ...

Vier Kategorien von CSS-Selektoren: Basis, Kombination, Attribut, Pseudoklasse

Was ist ein Selektor? Die Rolle des Selektors bes...

Kodierungsprobleme und -lösungen, wenn MySQL zwei Tabellen verknüpft

Wenn Mysql zwei Tabellen verknüpft, wird eine Feh...

Lösen Sie das Problem verstümmelter Daten bei der MySQL-Datenbankmigration

Unter den Anweisungen meines Vorgesetzten übernah...

Hinweise zum virtuellen Dateisystem des Linux-Kernel-Gerätetreibers

/******************** * Virtuelles Dateisystem VF...

Detaillierte Erläuterung der Fallstricke des Nginx-Proxy-Socket.io-Dienstes

Inhaltsverzeichnis Nginx fungiert als Proxy für z...