DocumentatieCommerceCommerce KB

Na de installatie worden afbeeldingen en opmaakmodellen niet geladen. Alleen tekstweergaven, geen afbeeldingen

Last update: Thu Nov 07 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Onderwerpen:

Gemaakt voor:

  • Beheerder

In dit artikel worden de mogelijke redenen en oplossingen beschreven voor het probleem waarbij opmaakmodellen en afbeeldingen na de installatie van Adobe Commerce niet worden geladen.

Betrokken producten en versies

  • Adobe Commerce 2.2.x, 2.3.x
  • Magento Open Source 2.2.x, 2.3.x

Probleem

Stappen om te reproduceren

  1. Adobe Commerce installeren.
  2. Navigeer naar de storefront of Admin.

Verwacht resultaat

Er worden stijlen toegepast. Geen enkel interface-element ziet er anders uit dan ontbrekende stijlen.

Werkelijk resultaat

Stijlen worden niet correct toegepast, afbeeldingen ontbreken.

Oorzaak

Het pad naar afbeeldingen en opmaakmodellen is onjuist, omdat de basis-URL onjuist is of omdat serverherschrijvingen (CentOS, Ubuntu) niet juist zijn ingesteld.

Om dit te bevestigen, gebruik Webbrowser inspecteur om de wegen aan statische activa te controleren en te verifiëren dat die activa op het Adobe Commerce of het dossiersysteem van de Magento Open Source worden gevestigd.

Statische elementen bevinden zich onder <magento_root>/pub/static/ , in de mappen frontend en adminhtml .

Oplossing

De volgende oplossingen zijn mogelijke oplossingen afhankelijk van de software u gebruikt en de oorzaak van het probleem:

  • Als u de Apache Webserver gebruikt, verifieer uw server herschrijfthet plaatsen en de basis URL van uw server Adobe Commerce/Magento Open Source en probeert opnieuw. Als u de aanwijzing Apache AllowOverride onjuist instelt, worden de statische bestanden niet op de juiste locatie aangeboden.

  • Als u de nginx Webserver gebruikt, ben zeker om een virtueel gastheerdossier 🔗 te vormen. Het virtuele nginx-hostbestand moet aan de volgende criteria voldoen:

    • De instructie include moet verwijzen naar het voorbeeldconfiguratiebestand nginx in de installatiemap van Adobe Commerce/Magento Open Source. Bijvoorbeeld: include /var/www/html/magento2/nginx.conf.sample;
    • De aanwijzing server_name moet overeenkomen met de basis-URL die u hebt opgegeven bij de installatie van Adobe Commerce/Magento Open Source. Bijvoorbeeld: server_name 192.186.33.10;

  • Als de toepassing op productiemodusis, probeer plaatsend statische meningsdossiers gebruikend het magento setup:static-content:deploy bevel. Voor details over het opstellen van statische dossiers verwijzen naar Statische meningsdossiersin onze ontwikkelaarsdocumentatie opstellen.

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