Die React-Version beim Schreiben dieses Artikels ist 16.13.1 1 Geben Sie den Befehl npm run eject ein, um ein Konfigurationsverzeichnis im Stammverzeichnis des Projekts zu generieren 2 Öffnen Sie die Datei webpack.config.js unter configg und suchen Sie den folgenden Speicherort Alias: { // Unterstützt React Native Web // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/ 'reagieren-native': 'reagieren-native-Web', // Ermöglicht ein besseres Profiling mit ReactDevTools ...(isEnvProductionProfile && { 'react-dom$': 'react-dom/Profilierung', 'Scheduler/Tracing': 'Scheduler/Tracing-Profilerstellung', }), ...(modules.webpackAliases || {}), }, 3 Ändern Sie wie folgt und starten Sie das Projekt neu Alias: { // Unterstützt React Native Web // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/ 'reagieren-native': 'reagieren-native-Web', // Ermöglicht ein besseres Profiling mit ReactDevTools ...(isEnvProductionProfile && { 'react-dom$': 'react-dom/Profilierung', 'Scheduler/Tracing': 'Scheduler/Tracing-Profilerstellung', }), ...(modules.webpackAliases || {}), // Dateipfadalias '@': path.resolve(__dirname, '../src'), '@view': Pfad.auflösen(__dirname, '../src/view'), }, Konfigurieren Sie den Proxy: Einfache Versionskonfiguration: Direkt in package.json hinzufügen: "proxy": "http://localhost:4000" Vollständige Versionskonfiguration: const Proxy = erforderlich('http-Proxy-Middleware'). modul.exporte = funktion(app) { app.verwenden( proxy.createProxyMiddleware('/api', { //Anfragen mit API müssen weitergeleitet werden. Ziel: 'http://localhost:4000', // Dies ist die Serveradresse changeOrigin: true, //Der Wert ist ein Boolescher Wert. Wenn er wahr ist, wird lokal ein virtueller Server erstellt, der Ihre Anfrage empfängt und die Anfrage in Ihrem Namen sendet. Pfad neu schreiben: {'^/api': ''} }) ) } 3. Hinweis: Nachdem das React-Gerüst mit einem Proxy konfiguriert wurde, werden bei der Anforderung von Ressourcen zuerst die Front-End-Ressourcen angefordert. Wenn keine Ressourcen vorhanden sind, werden die Back-End-Ressourcen angefordert. Dies ist das Ende dieses Artikels zum Konfigurieren von Pfadaliasen für React-Scaffolding. Weitere Informationen zum Konfigurieren von Pfadaliasen für React-Scaffolding finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen! Das könnte Sie auch interessieren:
|
<<: Funktionsprinzip und Beispielanalyse des Linux-NFS-Mechanismus
>>: Detaillierte Analyse des Linux-NFS-Mechanismus anhand von Fällen
1. Einleitung MDL-Sperren in MySQL haben schon im...
Einführung in Rahmeneigenschaften border -Eigensc...
wie folgt: -m, --memory Speicherlimit, das Format...
Das Zählen der Nummer einer Zeichenfolge in einer...
Angenommen, wir haben n Elemente und müssen diese...
In diesem Artikel wird der spezifische Code zur I...
Ich werde nicht näher darauf eingehen, wie wichti...
In Linux C/C++ werden Operationen auf Thread-Eben...
Ja, gespeicherte MySQL-Prozeduren scheinen sehr s...
Vorwort Dieser Artikel beschreibt zwei Situatione...
<br />Wenn wir über Navigation sprechen, geh...
Zweck Verstehen Sie die Rolle von nextTick und me...
„Replace“ und „Replace into“ von MySQL sind beide...
Vorwort Kürzlich habe ich den Startvorgang von To...
Dieser Artikel veranschaulicht anhand eines Beisp...