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

Ausführliches Tutorial zur Installation und Konfiguration von MySQL 8.0.20

In diesem Artikel finden Sie eine ausführliche An...

Das vergessene Button-Tag

Hinweis: Dieser Artikel wurde von jemand anderem ü...

Drei Strategien zum Umschreiben von MySQL-Abfrageanweisungen

Inhaltsverzeichnis Komplexe Abfrage und schrittwe...

So wählen Sie das Format bei der Verwendung von Binlog in MySQL

Inhaltsverzeichnis 1. Drei Binlog-Modi 1.Anweisun...

Hallo – Erfahrungsaustausch zum Entwurf von Dialogfeldern

„Was ist los?“ Sofern Sie nicht an bestimmte Arten...

Welche magischen Anwendungen haben CSS-Filter?

Hintergrund Grundlegende Konzepte CSS filter wend...

So verhindern Sie doppelte Übermittlungen in einem JQuery-Projekt

In neuen Projekten kann Axios doppelte Übermittlu...

Implementierung der QR-Code-Scanfunktion über Vue

Hinweis Auf dieses Plugin kann nur unter dem http...

Detaillierter Prozess der NTP-Serverkonfiguration unter Linux

Inhaltsverzeichnis 1. Umgebungskonfiguration 1.NT...

Alibaba Cloud Centos7.3-Installation, MySQL5.7.18 RPM-Installations-Tutorial

Deinstallieren Sie MariaDB CentOS7 installiert st...