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
In diesem Artikel finden Sie das Installations-Tu...
Inhaltsverzeichnis 1. Verstehen 2. Verwendung 1. ...
Vorwort Vergessene Passwörter sind ein Problem, d...
Inhaltsverzeichnis Vorwort 1. Warum brauchen wir ...
ausstellen Design Passwortstärke-Analyse Das Pass...
1. HTML-Teil <Col span="2">Datei ...
Inhaltsverzeichnis Hintergrund analysieren Verfah...
Nehmen wir ein Benutzerverwaltungssystem an, bei ...
In HTML müssen Sie die von der Webseite verwendet...
Nachfragehintergrund Das Team muss Integrationste...
Voraussetzung: Percona 5.6 Version, Transaktionsi...
Inhaltsverzeichnis 1. Hilfeinformationen nutzen 2...
Inhaltsverzeichnis Vorne geschrieben Was genau is...
erben 1. Was ist Vererbung? Vererbung: Zunächst e...
In diesem Artikel wird der spezifische Code von V...