JS Cross-Domain-Lösung React-Konfiguration Reverse-Proxy

JS Cross-Domain-Lösung React-Konfiguration Reverse-Proxy

Domänenübergreifende Lösungen

jsonp (get simulieren)

CORS (Cross-Origin-Ressourcenfreigabe)

Schauspielkunst

iframe

Nachricht

Fenstername

WebSocket

Der Proxy von React implementiert Cross-Domain

Konfigurieren Sie in der Datei src/setupProxy.js und installieren Sie http-proxy-middleware, Proxy-Middleware-Modul über npm

Erstellen Sie src/setupProxy.js

Installieren des Moduls

npm i -S http-Proxy-Middleware

const { createProxyMiddleware: Proxy } = erforderlich('http-proxy-middleware').
modul.exports = app => {
  app.use('/api', Proxy({
    Ziel: 'http://localhost',
    changeOrigin: wahr,
    PfadNeu schreiben: {
      '^/api': ''
    }
  }))
} 

Oben sind die Details der JS Cross-Domain-Lösung React Configuration Reverse Proxy aufgeführt. Weitere Informationen zur React Configuration Reverse Proxy finden Sie in den anderen verwandten Artikeln auf 123WORDPRESS.COM!

Das könnte Sie auch interessieren:
  • Zusammenfassung der React-Builds nach dem Verpacken und Release
  • So implementieren Sie die domänenübergreifende Abrufanforderung von COR in React
  • Tutorial zum Konfigurieren statischer React-Seiten mit nginx
  • JS Cross-Domain-Lösung: Verwenden Sie CORS, um Cross-Domain zu erreichen

<<:  So implementieren Sie Zeilenumbrüche im Texteingabebereich von Textarea

>>:  25 Tipps und Tricks zur Div+CSS-Programmierung

Artikel empfehlen

So ändern Sie in Nginx die über http aufgerufene Website in https

Inhaltsverzeichnis 1. Hintergrund 2. Voraussetzun...

Detaillierte Schritte zur Installation von Nginx unter Linux

1. Nginx-Installationsschritte 1.1 Offizielle Web...

Lösung für Indexfehler in MySQL aufgrund unterschiedlicher Feldzeichensätze

Was ist ein Index? Warum einen Index erstellen? I...

Die neueste Installations- und Konfigurationsmethode für MySQL-5.7.21

1. Entpacken Sie das heruntergeladene MySQL-Kompr...

Fassen Sie den User-Agent beliebter Browser zusammen

1. Grundkenntnisse: HTTP-Header-Benutzeragent Use...

Zwei Möglichkeiten zum Erstellen eines privaten GitLab mit Docker

Die erste Methode: Docker-Installation 1. Ziehen ...

Vue-Handschrift-Ladeanimationsprojekt

Wenn die Seite nicht reagiert, ist die Anzeige de...

Verwenden Sie den Befehl sed, um die kv-Konfigurationsdatei in Linux zu ändern

sed ist ein Zeichenstromeditor unter Unix, also e...

Anweisungen zur Verwendung des HTML-Tags dl dt dd

Grundaufbau: Code kopieren Der Code lautet wie fol...