Nginx défaut pour charger les fichiers CSS et JS (MIME type d'erreur)?
J'obtiens les erreurs suivantes sur mon site:
Error: There are multiple templates named 'velvet'. Each template needs a unique name. 1b1a247fc034d5089f331ec9540138ff6afd5f39.js:75:306
The stylesheet http://webmill.eu/css/bootstrap.min.css was not loaded because its MIME type, "text/html", is not "text/css". webmill.eu
The stylesheet http://webmill.eu/css/font-awesome.min.css was not loaded because its MIME type, "text/html", is not "text/css". webmill.eu
The stylesheet http://webmill.eu/css/velvet.css was not loaded because its MIME type, "text/html", is not "text/css". webmill.eu
The stylesheet http://webmill.eu/css/custom.css was not loaded because its MIME type, "text/html", is not "text/css".
Après des recherches approfondies sur les 4 feuilles de styles CSS l'échec du chargement j'ai suivi quelques pistes et essayé de régler le problème en faisant des changements dans mon nginx fichier ( /
etc/nginx/sites-available/webmill
) par insertion de "include /etc/nginx/mime.types;" en vertu de location /{ :
# HTTP
server {
listen 80 default_server; # if this is not a default server, remove "default_server"
listen [::]:80 default_server ipv6only=on;
root /usr/share/nginx/html; # root is irrelevant
index index.html index.htm; # this is also irrelevant
server_name webmill.eu; # the domain on which we want to host the application. Since we set "default_server" previously, nginx will answer all hosts anyway.
# If your application is not compatible with IE <= 10, this will redirect visitors to a page advising a browser update
# This works because IE 11 does not present itself as MSIE anymore
if ($http_user_agent ~ "MSIE" ) {
return 303 https://browser-update.org/update.html;
}
# pass all requests to Meteor
location / {
proxy_pass http://127.0.0.1:8080;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade; # allow websockets
proxy_set_header Connection $connection_upgrade;
proxy_set_header X-Forwarded-For $remote_addr; # preserve client IP
include /etc/nginx/mime.types;
# this setting allows the browser to cache the application in a way compatible with Meteor
# on every applicaiton update the name of CSS and JS file is different, so they can be cache infinitely (here: 30 days)
# the root path (/) MUST NOT be cached
if ($uri != '/') {
expires 30d;
}
}
}
La /etc/nginx/mime.types fichier a été correct et bien appelé dans
/etc/nginx/nginx.conf
user www-data;
worker_processes 4;
pid /run/nginx.pid;
events {
worker_connections 768;
# multi_accept on;
}
http {
##
# Basic Settings
##
sendfile on;
tcp_nopush on;
tcp_nodelay on;
keepalive_timeout 65;
types_hash_max_size 2048;
# server_tokens off;
# server_names_hash_bucket_size 64;
# server_name_in_redirect off;
include /etc/nginx/mime.types;
default_type application/octet-stream;
##
# Logging Settings
##
access_log /var/log/nginx/access.log;
error_log /var/log/nginx/error.log;
##
# Gzip Settings
##
gzip on;
gzip_disable "msie6";
# gzip_vary on;
# gzip_proxied any;
# gzip_comp_level 6;
# gzip_buffers 16 8k;
# gzip_http_version 1.1;
# gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;
##
# nginx-naxsi config ##
# Uncomment it if you installed nginx-naxsi
##
#include /etc/nginx/naxsi_core.rules;
##
# nginx-passenger config
##
# Uncomment it if you installed nginx-passenger
##
#passenger_root /usr;
#passenger_ruby /usr/bin/ruby;
##
# Virtual Host Configs
##
include /etc/nginx/conf.d/*.conf;
include /etc/nginx/sites-enabled/*;
}
Je dois être en train de faire quelque chose de mal car il n'est toujours pas de travail. Dois-je également inclure "root /usr/share/nginx/html;" dans le emplacement section de /etc/nginx/sites-available/webmill ?
Toutes les suggestions sont les bienvenues et merci d'avance pour toute aide!
merci pour votre intérêt! non, ils ne sont pas mandatées et n'ont pas de htt chemin accessible à partir de ce que je peux voir (réf. premier post à partir de /etc/nginx/sites-available/webmill), sauf si je suis à la recherche dans le mauvais endroit... je ne suis pas un expert dans ce
voir pourquoi je me demande, dites-vous
root is irrelevant
si vous pouviez faire en sorte, si vous changer de la racine vers le chemin où les actifs existent, nginx peut servir directement ( avec les bons en-têtes, mais vous avez besoin d'un petit peu de changement dans votre config ) sans demander l'webmill serveur pour le faire.merci v beaucoup! donc, dois-je simplement mettre à jour la ligne en question de suivre le chemin de mon fichier ou puis-je créer une section de l'emplacement? serait-il quelque chose comme /home/ines/développement/webmill/app/client/js pour le javascript et simmilarly pour css?
ainsi vous pouvez changer la racine de
/home/ines/development/webmill/app/client/js
pour les fichiers js et /home/ines/development/webmill/app/client/css
pour les fichiers css, et puis de dire nginx pour trouver les fichiers ( c'est à supposer que les url sont comme example.com/css/file.css
)OriginalL'auteur Inês B | 2015-04-11
Vous devez vous connecter pour publier un commentaire.
Essayez d'ajouter ceci à votre /etc/nginx/conf.d/par défaut.conf
OriginalL'auteur xsultan
J'ai laissé de côté les parties évidentes de la config de réduire les chevauchements, c'est juste la base, et vous aurez besoin d'ajouter les autres config à partir de votre config, à l'instar de l'écouter et de la mise en cache une partie.
2015/04/14 08:46:06 [error] 20225#0: *31868 could not find named location "@proxy", client: 81.164.141.218, server: webmill.eu, request: "GET / HTTP/1.1", host: "webmill.eu"
Il manque une parenthèse, je vais corriger ça
Merci! une idée d'où ce support est manquant?
après la
@proxy
, si vous cliquez sur leedited [x] hours ago
il iwll vous montrer exactement ce que j'ai édité dans le post.merci encore! votre correction se débarrasser de la 500 erreur interne et pour le moment je suis encore en train de travailler sur son passage, le css et le js
OriginalL'auteur Mohammad AbuShady
Bien, après tout, échec des tentatives, j'ai réussi à résoudre ce problème en supprimant
link type="text/css" à partir de mon code, et de laisser css comme ceci:
OriginalL'auteur Muhammad Februriyanto
J'ai changé le propriétaire du projet à la racine de l'aide:
chown root /usr/share/nginx/html/mywebprojectdir/*
et changé les autorisations à l'aide:
chmod 755 /usr/share/nginx/html/mywebprojectdir/*
Vous pouvez regarder ma réponse ici
OriginalL'auteur Young Emil
Vérifier votre nginx.conf! avez-vous des config comme ceci:
J'ai résolu ce problème en ajoutant cette phrase
include /etc/nginx/mime.types;
OriginalL'auteur user3598155
Essayé de vérifier les autorisations, également vérification de la try_files .
À la fin, ma mise en page était revenue à la normale en ajoutant
en "http" de la section "nginx.conf" fichier
Sinon, le navigateur a été se plaindre à propos des fichiers css interprété comme du texte et non de feuilles de style.
OriginalL'auteur Di V
Manuellement, y compris
mime.types
résolu pour moi:OriginalL'auteur Charney Kaye
J'ai été prendre une semblable erreur Angulaire 5 - tapuscrit et serveur Nginx.
erreur dans la console
Les fichiers Javascript où également téléchargé avec le contenu de la index.html.
De Plus, lorsque j'étais dans la page "https://my-server.com/organizations" et actualisation du navigateur, j'ai été envoyé à la "https://my-server.com/organizations/organizations" de l'url.
La solution pour moi était juste pour le changement de la base href partir de
à
Qui était-il, aucune modification de nginx.conf ou quoi que ce soit d'autre.
OriginalL'auteur Andreas Panagiotidis
pour quelqu'un d'autre face à cette questions, j'ai eu ce problème et qu'il avait retiré mon mime.les types sont
OriginalL'auteur Daniel Peterson