出于某种原因,我已将我的 css 文件附加到我的 html 文件中。然后我在 Node js 中使用 express 打开 html 文件。但是,当我通过 Node js 运行网络服务器时,css 文件不会打开。我想既然 css 文件包含在 html 中,它应该运行??
html
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>
<h1>Reading in Value</h1>
<form action="/" method="post" >
<br/>
<label>Enter a UDP command in hex</label>
<br/><br/>
<input type="number" name="number" id="number">
<br/><br/>
<input type="submit" value="Submit" name="submit">
<meta name="viewport" content="width=device-width, initial-scale=1">
</form>
</body>
</html>
Node js
//Sending UDP message to TFTP server
//dgram modeule to create UDP socket
var express= require('express')
var fs= require('fs')
var util = require('util')
var dgram= require('dgram')
var client= dgram.createSocket('udp4')
var bodyParser = require('body-parser')
var app = express()
var app2= express()
// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }))
// parse application/json
app.use(bodyParser.json())
//Reading in the html gile
app.get('/', function(req, res){
var html = fs.readFileSync('index2.html');
res.writeHead(200, {'Content-Type': 'text/html'});
res.end(html);
});
//Sends user command utp
app.post('/', function(req, res){
//Define the host and port values
var HOST= '192.168.0.172';
var PORT= 69;
//buffer with hex commands
var message = new Buffer(req.body.number, 'hex');
//Sends packets to TFTP
client.send(message, 0, message.length, PORT, HOST, function (err, bytes) {
if (err) {
throw err;
}
res.send('UDP message sent to ' + HOST +':'+ PORT);
});
});
//CREATES ANOTHER PORT
app2.get('/', function(req, res){
client.on('message', function (message) {
res.send('received a message: ' + message);
});
});
app.listen(3000, "192.168.0.136");
app2.listen(8000, "192.168.0.136");
console.log('Listening at 192.168.0.172:3000 and Recieve message will be on 192.168.0.172:8000')
最佳答案
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
告诉浏览器向服务器询问(使用 GET)位于 /style.css
的 CSS .
查看您的服务器代码。你已经告诉它如何处理 GET /
(app.get('/', function(req, res){
等),你已经告诉它要为 POST /
做什么, 但你还没有告诉它为 GET /style.css
做什么.
Express manual涵盖了这一点。
关于javascript - CSS 文件在 NODE js 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37931357/