Nginx找到css但不将其加载到index.html中

沃梦达教程前端开发

2023-10-29

我的nginx服务器提供一个index.html文件,它加载一个css文件和一些js文件.加载了css文件(NO 404),但样式没有出现.文件夹：/src/assets/images.../sounds.../css/style.css/js...index.html由js文件加载的声音和图像完...

我的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>

如果我去localhost：8080它给我索引页面,但没有任何样式和开发工具没有显示任何错误.

谢谢你的帮助！

编辑：

整个事情是在一个docker容器中..现在每次我浏览到localhost：8080 nginx死了.错误日志以某种方式无法访问..

解决方法:

我有一个类似的问题并通过确保我的nginx.conf中的http块加载正确的mime.types映射来解决它：

http { 
    include /etc/nginx/mime.types;
}

沃梦达教程

本文标题为：Nginx找到css但不将其加载到index.html中

上一篇： nginx index.html在修改后不会更新

下一篇： linux – 如何在WHM / cPanel符号链接中创建〜/ public_html

基础教程推荐

学习HTML

学习jQuery

学习Laravel

学习CSS3

学习Vue.js

学习Bootstrap5

学习ThinkPHP

学习AJAX