node中怎样将css导入到html,CSS无法使用Node.js加载到我的HTML代码中
我想通过Node.js使用express()函数在localhost:3000中将CSS添加到我的HTML中。 不幸的是,有些奇怪。我一步一步按照教程中的步骤,但仍然无法加载我的CSS。我的style.css在css文件夹(css/style.css)。这里是我的代码:
app.js(请注意,我用的应用程序和应用1)CSS无法使用Node.js加载到我的HTML代码中
var app = require('http').createServer(handler);
var io = require('socket.io').listen(app);
var fs = require('fs');
var express = require('express');
var app1 = express();
var mySocket = 0;
app1.use(express.static('/css'));
app.listen(3000); //Which port are we going to listen to?
function handler (req, res) {
fs.readFile(__dirname + '/index.html', //Load and display outputs to the index.html file
function (err, data) {
if (err) {
res.writeHead(500);
return res.end('Error loading index.html');
}
res.writeHead(200);
res.end(data);
});
}
io.sockets.on('connection', function (socket) {
console.log('Webpage connected'); //Confirmation that the socket has connection to the webpage
mySocket = socket;
});
//UDP server on 41181
var dgram = require("dgram");
var server = dgram.createSocket("udp4");
server.on("message", function (msg, rinfo) {
console.log("Broadcasting Message: " + msg); //Display the message coming from the terminal to the command line for debugging
if (mySocket != 0) {
mySocket.emit('field', "" + msg);
mySocket.broadcast.emit('field', "" + msg); //Display the message from the terminal to the webpage
}
});
server.on("listening", function() {
var address = server.address(); //IPAddress of the server
console.log("UDP server listening to " + address.address + ":" + address.port);
});
server.bind(41181);
的style.css(CSS/style.css文件)
.test
{
color:red;
}
指数.html
var socket = io.connect('http://localhost:3000');
socket.on('field', function (data) {
console.log(data);
$("#field").html(data);
});
2017-09-13
Mehdi
+0
你有没有在控制台中的任何错误的最小工作的例子吗?例如,像style.css的404一样。 –
+0
'css'文件的URL以'/'开头。确保'localhost'的根目录包含'css'文件夹。 –
node中怎样将css导入到html,CSS无法使用Node.js加载到我的HTML代码中相关推荐
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法
预加载图片是提高用户体验的一个很好方法.图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并享受到极快的加载速度.这对图片画廊及图片占据很大比例的网站来说十分有利,它保证了图片快速.无缝地发布 ...
- 利用CSS、JavaScript及Ajax实现图片预加载的三大方法及优缺点分析
预加载图片是提高用户体验的一个很好方法.图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并享受到极快的加载速度.这对图片画廊及图片占据很大比例的网站来说十分有利,它保证了图片快速.无缝地发布 ...
- CSS实现树形结构 + js加载数据
看到一款树形结构,比较喜欢它的样式,就参照它的外观自己做了一个,练习一下CSS. 做出来的效果如下: 拉莫小学 一年级 一班 二班 二年级 三年级 一班 二班 三班 树的dom结构: <div ...
- CSS、JavaScript和Ajax实现图片预加载的三大方法及优缺点分析
预加载图片是提高用户体验的一个很好方法.图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并享受到极快的加载速度.这对图片画 廊及图片占据很大比例的网站来说十分有利,它保证了图片快速.无缝地发 ...
- php获取laydate,详解关于laydate.js加载laydate.css路径错误问题
laydate.js是属于Javascript系列的一款日期控件与时间插件,laydate.js支持兼容IE6在内的主流浏览器.laydate.js经过贤心大大的重写之后功能越来越强大,用起来也愈渐灵 ...
- Android开发之异步任务加载网络图片并存储在sdcard中(源代码分享)
在MainActivity中的代码 package com.example.f02_sdcard02;import android.os.AsyncTask; import android.os.Bu ...
- Python语言学习:在python中,如何获取变量的本身字符串名字而非其值/内容及其应用(在代码中如何查找同值的所有变量名)
Python语言学习:在python中,如何获取变量的本身字符串名字而非其值/内容及其应用(在代码中如何查找同值的所有变量名) 目录
- python爬取js加载的数据_Python爬虫学习,记一次抓包获取js,从js函数中取数据的过程...
昨天有小伙伴找我,新浪新闻的国内新闻页,其他部分都是静态网页可以抓到,但是在左下方的最新新闻部分,不是静态网页,也没有json数据,让我帮忙抓一下.大概看了下,是js加载的,而且数据在js函数中,很有 ...
- “在解决方案中的一个或多个项目由于以下原因未能加载 项目文件或网站已移动或重新命名,或者不在您的计算机上” 的解决办法...
用Visual studio.NET 2003/2005/2008在打开从网上下载的解决方案或从其他地方考来的解决方案时,往往会碰到一个这样的错误,提示说: "在解决方案中的一个或多个项目由 ...
最新文章
- 研究Android音视频-3-在Android设备上采集音视频并使用MediaCodec编码为H.264
- omnigraffle 的一些总结
- 央视是否需要cntv.com域名?
- 使用DBLink方式同步远程数据库中含Blob、Clob字段表的问题解决
- java 连接 oracle 10_java-连接到oracle 10g数据库时,获得IOException“...
- 将社交登录添加到Spring MVC Web应用程序:注册和登录
- 转载 300年前的黑色“巫女”
- Linux: 让切换目录更方便: pushd,popd,dirs,cd -
- 两个月新增 80万行代码,Linux 内核维护为什么不会崩?
- 敏捷开发将走向消亡,我们该如何应对
- 转载博客:generic netlink 编程快速入门
- Start with - Connect by - level
- 十大ERP系统排行榜—2022年
- linux 命令详解 大于号_linux 命令中的大于号、小于号的作用
- 自制裸眼3D图【推荐】
- 征途私服mysql启动不了_征途服务器架设需要的LINUX版本
- 分享几个实用的神器APP系列(三)
- 【Python】使用日历热图进行时序数据可视化
- obj、fbx 转 3dtiles(免费转换工具)
- 【矿渣】【玩客云】玩客云驱动OLED屏幕
热门文章
- jax_ws_对状态代码使用JAX-RS异常
- 无法定位软件包_使用Degraph管理软件包依赖关系
- 报错解决办法 SLF4J: Failed to load class org.slf4j.impl.StaticLoggerBinder
- 赵立新主持机器人_《档案》第二任主持人赵立新:我是石凉接班人
- GitHub上的这本开源算法书火爆了
- 面试:a==1 a==2 a==3 是 true 还是 false?
- 优雅处理你的Java异常
- php swoole process,Swoole_process实现进程池的方法
- rm 空间不释放_rm删除文件之后,空间就被释放了吗?
- binlog工具_基于Binlog实时同步数仓,有哪些不为人知的坑?