我的nginx服务器提供了一个index.html文件,它加载了一个css文件和一些js文件。 加载CSS文件(NO 404),但样式不显示。
文件夹:
/src /assets /images ... /sounds ... /css /style.css /js ... index.html
由js文件加载的声音和图像完美地工作。
/ etc / nginx / sites-enabled / default /:
server { listen 8080; server_name jumpnrun jumpnrun.vm; access_log /var/log/nginx/jumpnrun.access.log; error_log /var/log/nginx/jumpnrun.error.log; location / { try_files $uri $uri/index.html; } location ~ ^/(assets/|css/|js/|index.html) { root /src; index index.html; access_log off; } location /socket.io { add_header Access-Control-Allow-Origin *; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header Host $host; proxy_http_version 1.1; proxy_pass http://node-server; } }
index.html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Jump n' Run</title> <link href="css/style.css" type="text/css" rel="stylesheet" /> </head> <body> <canvas id="game" width='1000' height='500'></canvas> <button class="sound"></button> </body> <!-- JS --> </html>
如果我去本地主机:8080它给了我的索引页面,但没有任何样式和开发工具不会给我任何错误。
谢谢你的帮助!
编辑 :
整个事情是在一个docker集装箱..现在我每次浏览本地主机:8080 nginx死亡。 错误日志不知何故无法访问..
我有一个类似的问题,并通过确保我的nginx.conf中的http
块加载正确的mime.types
映射解决:
http { include /etc/nginx/mime.types; }
尝试添加@charset“UTF-8”;
在CSS文件的顶部,它为我工作。 希望对你有帮助