


Qu'est-ce qui provoque le chargement du style d'interface Zabbix dans CentOS7?
Apr 01, 2025 pm 12:51 PMCentos 7 Zabbix Interface Style Chargement Problème Dépannage et résolution
Dans l'environnement CentOS 7, après avoir utilisé Apache, PHP 7.3.5, Zabbix 5.0 et MySQL 5.7 pour construire le système de surveillance Zabbix, il a été constaté que le style CSS d'interface n'a pas réussi, entra?nant un affichage anormal de la page et un trouble des éléments. Cet article analysera les causes possibles et fournira des solutions.
Analyse de la cause du problème:
Ce problème est généralement causé par deux raisons principales:
Erreur de configuration du site Apache: Apache ne peut pas configurer correctement la méthode de traitement des ressources statiques (telles que CSS, JavaScript et Pictures), ce qui entra?ne que ces fichiers ne peuvent être correctement accessibles et chargés. Apache doit servir ces fichiers statiques directement, plut?t que de les acheminer de manière incorrecte vers le traitement PHP-FPM.
Fichier MIME.TYPES manquant ou erreur: Apache s'appuie sur le fichier
mime.types
pour identifier les types MIME pour différents types de fichiers. Si le fichier est manquant, incomplet ou contient une mauvaise carte de type de fichier CSS (tel quetext/css
), Apache ne pourra pas traiter correctement le fichier CSS, ce qui entra?ne une défaillance de chargement de style.
Solution:
Vérifiez le fichier de configuration de l'h?te virtuel Apache: vérifiez soigneusement le fichier de configuration de l'h?te virtuel Apache (généralement situé dans
/etc/httpd/conf.d/
ou/etc/httpd/conf.d/zabbix.conf
, etc.) pour vous assurer que les ressources statiques sont correctement configurées. Vérifiez queDocumentRoot
pointe vers le répertoire frontal Zabbix correct et qu'Apache est capable de servir correctement le fichier.css
.Vérifiez ou créez un fichier MIME.TYPES: Vérifiez si le fichier
/etc/mime.types
existe et confirmez que son contenu contient la carte de type de fichier CSS correct (text/css
). Si le fichier est manquant, vous devez créer un nouveau fichiermime.types
ou copier un fichier correct à partir d'un autre système. Si le fichier existe, veuillez vérifier son contenu pour garantir son exactitude. Après modification, vous devez redémarrer le service Apache pour rendre la configuration à effet.
En vérifiant les deux aspects ci-dessus, le problème de l'échec du style d'interface Zabbix peut généralement être résolu. Si le problème persiste, vérifiez les journaux d'erreur pour Apache et PHP-FPM pour plus d'indices. De plus, assurez-vous que les fichiers frontaux Zabbix ont les autorisations correctes et que la connexion réseau du serveur est normale.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Outils d'IA chauds

Undress AI Tool
Images de déshabillage gratuites

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Clothoff.io
Dissolvant de vêtements AI

Video Face Swap
échangez les visages dans n'importe quelle vidéo sans effort grace à notre outil d'échange de visage AI entièrement gratuit?!

Article chaud

Outils chauds

Bloc-notes++7.3.1
éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Le filtre de fond est utilisé pour appliquer des effets visuels au contenu derrière les éléments. 1. Utilisez le filtre en toile de fond: flou (10px) et autre syntaxe pour obtenir l'effet de verre givré; 2. Prend en charge plusieurs fonctions de filtre telles que le flou, la luminosité, le contraste, etc. et peut être superposé; 3. Il est souvent utilisé dans la conception des cartes en verre, et il est nécessaire de s'assurer que les éléments chevauchent l'arrière-plan; 4. Les navigateurs modernes ont un bon support et @Supports peut être utilisé pour fournir des solutions de rétrogradation; 5. évitez les valeurs de flou excessive et redémarrez fréquents pour optimiser les performances. Cet attribut ne prend effet que lorsqu'il y a du contenu derrière les éléments.

Identifier Thenewdiskusinglsblkorfdisk-ltolocateThecorrectDevicelike / Dev / sdb.22.OptionallyPartitionTheDiskwithfdisk / Dev / sdb, CreateAprimaryPartitionusingDefaultSttingSe etwriteCheswithW, TherunPartitiondUpToupDateTheNernel.3.3CareafilesystemusingMfsxEplepdateTheLenel.3.3

Définissez @ KeyframesBounce avec 0%, 100% attranslatey (0) et 50% d'attranslatey (-20px) toCreateAbasicBounce.2.ApplyTheAnimationToanElementsinganimation: Bounce0.6SEASE-OU-OUTINFINITEFORSMOTH, ContinuousMotion.3.

Créer un répertoire de site Web et ajouter une page de test; 2. Créez un fichier de configuration d'h?te virtuel sous / etc / apache2 / sites-disponible /, set servername, documentroot, etc.; 3. Utilisez A2ensite pour activer le site, désactivez le site par défaut et rechargez Apache après avoir testé la configuration; 4. Ajouter un nom de domaine dans / etc / h?tes lors des tests locaux et pointer à 127.0.0.1; Après avoir terminé les étapes ci-dessus, visitez Exemple.com pour voir le contenu du site Web et la configuration virtuelle de l'h?te est réussie.

Installer CERTBOT et son plug-in Apache; 2. Exécutez CERTBOT pour obtenir le certificat et configurer le nom de domaine; 3. Configurer éventuellement la redirection automatique de HTTP vers HTTPS; 4. Configurer le renouvellement automatique et passer le test à sec; 5. Vérifiez l'installation et assurez la configuration normale de rechargement d'Apache. Une fois le certificat déployé avec succès, le renouvellement sera automatiquement géré. Une fois l'ensemble du processus terminé, l'accès HTTPS sécurisé peut être atteint.

Keepaliveon permet des connexions persistantes; 2.MaxkeepaliveRequests100 définit le nombre maximum de demandes par connexion; 3.EnkeIveVeTimeOut5 Définit le délai d'attente pour les demandes ultérieures, redémarrez Apache après la configuration et utilisez des outils de développeur Curl ou Browser pour vérifier si Keepalive est efficace pour optimiser les performances du serveur.

CriticscsSistheminimalcsSneedTostyabove-the-foldContent, permettant à la base de la réduction des ressources de bloquer les devères; ITWorksByInliningSensentialSitheofthehtMlandDeferringtheRy

Affichage: aucun ne supprime complètement les éléments et n'occupe pas l'espace, affecte la disposition mais est inaccessible; 2. Visibilité: Hidden conserve l'espace et n'affecte pas la disposition, peut être animé et les éléments enfants peuvent être affichés; 3. Opacité: 0 rend les éléments transparents mais occupent toujours un espace et peut interagir, adapté à l'animation; 4. Le positionnement hors écran est utilisé pour la dissimulation visuelle mais conserve l'accès au lecteur d'écran; 5. L'attribut caché est équivalent à l'affichage: aucun mais est pratique pour le contr?le JavaScript; Les méthodes appropriées doivent être sélectionnées selon que l'espace, l'animation, l'interaction ou sans barrière doivent être préservés, parmi lesquels l'affichage: aucun n'est le plus couramment utilisé, mais la visibilité et l'opacité sont meilleures dans des scénarios spécifiques.
