Javascript 本地显示但不在停靠服务器上显示的CSS
我一直在使用我在网上找到的模板处理一个带有HTML和CSS的网页,当我在本地查看时,一切都很好,但当我查看安装在服务器上的网页时,CSS并没有显示出来。 我试图更正css的源代码,如下所示 这就是我的HTML索引的样子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
<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不是一个函数,这就是它显示的所有错误它没有解决问题,但它实际上帮助我看到我做错了什么,谢谢