Dopo l'installazione, le immagini e i fogli di stile non vengono caricati; vengono visualizzati solo testo, senza elementi grafici
Questo articolo descrive i possibili motivi e soluzioni del problema che si verifica quando i fogli di stile e le immagini non vengono caricati dopo l’installazione di Adobe Commerce.
Prodotti e versioni interessati
- Adobe Commerce 2.2.x, 2.3.x
- Magento Open Source 2.2.x, 2.3.x
Problema
Passaggi da riprodurre
- Installa Adobe Commerce.
- Passa alla vetrina o all’amministratore.
Risultato previsto
Gli stili vengono applicati, nessun elemento dell’interfaccia utente ha l’aspetto di stili mancanti.
Risultato effettivo
Gli stili non vengono applicati correttamente, manca la grafica.
Causa
Il percorso delle immagini e dei fogli di stile non è corretto, a causa di un URL di base non corretto o perché le riscritture del server (CentOS, Ubuntu) non sono configurate correttamente.
Per confermare questo caso, utilizza una finestra di ispezione del browser web per controllare i percorsi delle risorse statiche e verificare che si trovino sul file system di Adobe Commerce o di Magento Open Source.
Le risorse statiche si trovano in <magento_root>/pub/static/
, nelle directory frontend
e adminhtml
.
Soluzione
Di seguito sono riportate le possibili soluzioni in base al software utilizzato e alla causa del problema:
-
Se utilizzi il server web Apache, verifica che l'impostazione server riscriva e l'URL di base del server Adobe Commerce/Magento Open Source e riprova. Se la direttiva Apache
AllowOverride
non è stata configurata correttamente, i file statici non vengono distribuiti dalla posizione corretta. -
Se si utilizza il server Web nginx, configurare un file host virtuale. Il file host virtuale nginx deve soddisfare i seguenti criteri:
- La direttiva
include
deve puntare al file di configurazione nginx di esempio nella directory di installazione di Adobe Commerce/Magento Open Source. Ad esempio:include /var/www/html/magento2/nginx.conf.sample;
- La direttiva
server_name
deve corrispondere all'URL di base specificato durante l'installazione di Adobe Commerce/Magento Open Source. Esempio:server_name 192.186.33.10;
- La direttiva
-
Se l'applicazione è in modalità di produzione, provare a distribuire i file di visualizzazione statica utilizzando il comando
magento setup:static-content:deploy
. Per informazioni dettagliate sulla distribuzione di file statici, consultare Distribuire file di visualizzazione statici nella documentazione per gli sviluppatori.