Fehlende Dateien beim Implementieren von react-boilerplate-Projekt an IIS

Question

Ich habe die Produktionsdateien erfolgreich generiert und vom Node-Prod-Server ausgeführt (in react-boilerplate integriert). Als ich das Projekt von der IIS-konfigurierte URL ausführen, http://localhost/abc/, erhalte ich Konsole Fehler: GET http://localhost/main.21e300b8d1fb516da3f2.js und GET http://localhost/main.7298ab25765cc3b7f65141e9b8a880ff.css

Der Pfad wird an die Wurzel des localhost zu zeigen und scheint nicht „/ abc“ enthalten .

module.exports = (options) => ({ 
    entry: options.entry, 
    output: Object.assign({ 
     path: path.resolve(process.cwd()), 
     publicPath: '/', 
    }, options.output),... 

Gibt es eine Einstellung in meinem Webpack Config fehlt mir:

Ich habe meine webpack Config wie so einrichten? Danke für jede Hilfe.

Answer 1

Es klingt, als hätten Sie Ihre Site in IIS als virtuelles Verzeichnis innerhalb der IIS-Site eingerichtet, die auf localhost verweist. Das Problem hierbei ist, dass alle Verweise auf / in Ihrer Site in das Stammverzeichnis Ihrer Site übersetzt werden, nicht in das virtuelle Verzeichnis.

Option 1 ist der Standardwebsite-Punkt für Ihre Anwendung (anstelle des virtuellen Verzeichnisses). Option 2 ist eine neue Site in IIS zu erstellen und an einen anderen Port zu binden (oder Port 80 mit einem Host-Header und einem HOSTS-Eintrag).

Blick auf Ihre Konfiguration, was passiert, wenn Sie publicPath auf /abc statt / setzen?