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

  1. Installa Adobe Commerce.
  2. 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;
  • 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.

recommendation-more-help
8bd06ef0-b3d5-4137-b74e-d7b00485808a