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

一尘不染

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

node.js

我正在开发应用程序，并且服务器当前已安装并且运行良好。

这是访问服务器时显示的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');
});

谢谢！

阅读 233

2020-07-07

共1个答案

一尘不染

如果HTML文件与脚本位于相同的路径，请使用相对路径，例如src = "main.js"。如果仍然不起作用，则可能是Express的错误。

将以下代码添加到您的app.js：

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

并且可以从相对于/scripts- 的路径访问脚本，例如
main.js从而http://yourdomain/script.js不是从http://yourdomain/scripts/main.js。对不起我的英语不好。

2020-07-07