Javascript 本地显示但不在停靠服务器上显示的CSS

Javascript 本地显示但不在停靠服务器上显示的CSS,javascript,html,css,node.js,docker,Javascript,Html,Css,Node.js,Docker,我一直在使用我在网上找到的模板处理一个带有HTML和CSS的网页,当我在本地查看时,一切都很好,但当我查看安装在服务器上的网页时,CSS并没有显示出来。 我试图更正css的源代码,如下所示 这就是我的HTML索引的样子 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400"> <!-- Google

我一直在使用我在网上找到的模板处理一个带有HTML和CSS的网页,当我在本地查看时,一切都很好,但当我查看安装在服务器上的网页时,CSS并没有显示出来。

我试图更正css的源代码,如下所示

这就是我的HTML索引的样子

    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400">
    <!-- Google web font "Open Sans" -->
    <link rel="stylesheet" href="/font-awesome-4.5.0/css/font-awesome.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" type="/text/css" href="/slick/slick.css" />
    <link rel="stylesheet" type="/text/css" href="/slick/slick-theme.css" />
    <link rel="stylesheet" href="/css/tooplate-style.css">
编辑2:已解决 好啊问题出在节点app.js中 我需要添加一个if,以便它识别如下css:

        if (file.split('.').pop() == 'png') {
          response.writeHead(200, {"Content-Type": "image/png"});
        }else if (file.split('.').pop() == 'jpg') {
          response.writeHead(200, {"Content-Type": "image/jpg"});
        }else if (file.split('.').pop() == 'pdf') {
          response.writeHead(200, {"Content-Type": "application/pdf"});
          
        }
        
        else if (file.split('.').pop() == 'css') {
          response.writeHead(200, {"Content-Type": "text/css;"});
          
        }
        
        else {
          response.writeHead(200, {"Content-Type": "text/html; charset=utf-8"});
        }
    if (file.split('.').pop() == 'png') {
      response.writeHead(200, {"Content-Type": "image/png"});
    }else if (file.split('.').pop() == 'jpg') {
      response.writeHead(200, {"Content-Type": "image/jpg"});
    }else if (file.split('.').pop() == 'pdf') {
      response.writeHead(200, {"Content-Type": "application/pdf"});
      
    }
    
    else if (file.split('.').pop() == 'css') {
      response.writeHead(200, {"Content-Type": "text/css;"});
      
    }
    
    else {
      response.writeHead(200, {"Content-Type": "text/html; charset=utf-8"});
    }
现在它可以正常工作了

而不是这个

/slick/slick.min.js

用这个

./slick/slick.min.js


as url和slick应该在根目录中

确定。问题出在node app.js中,我需要添加一个if来识别css,如下所示:

        if (file.split('.').pop() == 'png') {
          response.writeHead(200, {"Content-Type": "image/png"});
        }else if (file.split('.').pop() == 'jpg') {
          response.writeHead(200, {"Content-Type": "image/jpg"});
        }else if (file.split('.').pop() == 'pdf') {
          response.writeHead(200, {"Content-Type": "application/pdf"});
          
        }
        
        else if (file.split('.').pop() == 'css') {
          response.writeHead(200, {"Content-Type": "text/css;"});
          
        }
        
        else {
          response.writeHead(200, {"Content-Type": "text/html; charset=utf-8"});
        }
    if (file.split('.').pop() == 'png') {
      response.writeHead(200, {"Content-Type": "image/png"});
    }else if (file.split('.').pop() == 'jpg') {
      response.writeHead(200, {"Content-Type": "image/jpg"});
    }else if (file.split('.').pop() == 'pdf') {
      response.writeHead(200, {"Content-Type": "application/pdf"});
      
    }
    
    else if (file.split('.').pop() == 'css') {
      response.writeHead(200, {"Content-Type": "text/css;"});
      
    }
    
    else {
      response.writeHead(200, {"Content-Type": "text/html; charset=utf-8"});
    }

现在它正常工作了

控制台怎么说?它说Slider slick不是一个函数,这就是它显示的所有错误它没有解决问题,但它实际上帮助我看到我做错了什么,谢谢