node.js + express + socket.io无法将javascript文件加载到index.html中

时间:2015-03-18 14:10:55

标签: node.js express socket.io http-status-code-404 server

我正在开发一个应用程序,服务器目前已设置好并且运行良好。

这是您访问服务器时显示的index.html:

<!doctype html>
<html>
  <head>
    <title>Socket.IO chat</title>
  </head>
  <body>
    <script src="https://cdn.socket.io/socket.io-1.2.0.js"></script>
    <script type="text/javascript" src="./client.js"></script>
    <script type="text/javascript" src="./main.js"></script>
  </body>
</html>

但是我在导入那些位于同一目录中的javascript文件时收到404错误“无法加载资源:服务器响应状态为404(未找到)”。

这是我的服务器代码:

var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);

app.get('/', function(req, res){
  res.sendFile(__dirname+'/index.html'); // DO I NEED TO SEND THE OTHER FILES HERE ASWELL?
});

io.on('connection', function(socket){
  console.log('a user connected');

  socket.on('disconnect', function(){
    console.log('user disconnected');
  });

  socket.on('chat message', function(msg){
    console.log('message: ' + msg);
    io.emit('chat message', msg);
  });

});

http.listen(3000, function(){
  console.log('listening on *:3000');
});

谢谢!

1 个答案:

答案 0 :(得分:2)

如果HTML文件与脚本位于相同的路径中,则使用相对路径,如src = "main.js"。如果它仍然不起作用,也许是Express'错误。

将以下代码添加到app.js

app.use(express.static(__dirname + '/scripts'));

可以从相对于/scripts - 的路径访问脚本,例如<{em> main.js来自http://yourdomain/script.js但不来自http://yourdomain/scripts/main.js。 抱歉我的英文。