0

Ich habe einige Unterordner innerhalb der öffentlichen Ordner. Wenn ich diese Unterordner erstelle, werden sie in den Stammordner des Build Ordners gesteckt.Create-React-App Öffentlicher Ordner Unterordner

public/ 
    mySubfolder/ 
    favicon.ico 
    index.html 
    ... 

build/ 
    mySubfolder/ 
    static/ 
    favicon.ico 
    index.html 
    ... 

Wenn ich diese Dateien als statische Verwendung ausdrücklich dienen, dienen oder Feuerbasis, Heroku, jetzt ... Ich kann nicht auf diese Unterordner von URL zugreifen. Beispiel: Wenn ich eine Datei eines dieser Unterordner in einen IFrame lege, kann ich nicht darauf zugreifen, während ich den Pfad in ein src-Attribut eines IMG-Tags schreibe. Vielleicht geht es mit den Unterordnern in Konflikt Routen, aber ich habe keine Routen mit einem Unterordner Namen.

Mein Projekt ist auf GitHub: https://github.com/Darklod/p5-sketches-react/tree/heroku?files=1

P. S. Ich habe bereits dieses Handbuch: https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#deployment

Antwort

0

Für die Reaktion App dient mit auszudrücken Sie so etwas in Ihrer Konfiguration benötigen würden:

app.use(express.static(path.join(__dirname, 'react'))); 

app.get('*', (req, res) => { 
    res.sendFile(path.join(path.join(__dirname, 'react/index.html')); 
}); 

In diesem Beispiel ersetzen react mit dem, was der Ordner aufgerufen wird, wo Ihre Reaktion App

befindet

ich habe leider nicht verwendet Feuerbasis oder Heroku für noch React Apps dienen, so kann ich leider nicht helfen Sie mit, dass, aber ich hoffe, dass die Express Teil mit dem

+0

Thank gelöst s, ich habe es versucht und es funktioniert nicht. Wenn ich die URL in den Browser setze, bekomme ich 404 Fehler und es sucht nach einer Route, keine Datei D: –

+0

@Giuseppe Magazzù Ich habe etwas in meiner Antwort vergessen. Ich habe es einfach hinzugefügt. Habe es in meinem Code verpasst wo ich das Beispiel genommen habe;) – Marco

+0

Ich habe es schon so geschrieben wenn ich es probiert habe, aber es funktioniert nicht –

Verwandte Themen