node.js + express + socket.io无法将JavaScript文件加载到index.html
我正在开发应用程序，并且服务器当前已安装并且运行良好。
这是访问服务器时显示的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');
});
谢谢！
问题答案：
如果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。对不起我的英语不好。
-
问题内容： 我有一个使用socket.io和express的简单node.js应用程序。目前所有的javascript都在HTML文件中，但我想尝试将其分离为.js文件。 在我的主节点应用程序中，我有以下内容： 直到我将javascript从index.html移到.js文件，然后尝试从我的HTML文件中引用它，如下所示： 我认为express无法提供静态文件，因此我尝试了以下方法： 谁能告诉我我
-
问题内容： 有一些第三方Javascript库具有某些功能，我想在Node.js服务器中使用。（特别是我想使用找到的QuadTree javascript库。）但是这些库只是简单的文件，而不是“ Node.js库”。 因此，这些库未遵循Node.js对其模块期望的语法。据我了解，这意味着当您这样做时，或者最终将得到一个没有公共可访问功能的模块，等等。 然后我的问题是“我如何将一个任意的javasc
-
问题内容： 我正在通过ssl连接到服务器上的端口…最近我开始无法连接到node.js + socket.io服务器时，无法在Chrome上加载资源：net :: ERR_INSECURE_RESPONSE错误。这是我的服务器设置上码： 我究竟做错了什么？ 编辑：这就是我在客户端连接的方式： 问题答案： 使用官方而非自签名证书时，我遇到了类似的问题，而我才找到解决方案。顺便说一句，它只能在Andro
-
我想加载（要求）一个包含json模式的文件夹，这些模式具有基于其文件的引用。 换句话说，我有 并在同一文件夹中的另一个文件中： 这些模式在sperate文件中，现在应该加载到JS中，以便针对json对象进行验证。但是，文件夹内的引用应该仍然有效。 这就是为什么我的问题是，是否以及如何能够加载一个装满json文件的文件夹，而不需要中断引用。 这个库将使用这些模式来验证json对象：https://g
-
我有一个程序，它总是将相同的文件附加到GMAIL（撰写 它所做的是： 在Android 6.0之前，它一直工作良好。现在，我在尝试使用它时收到以下错误： 无法附加空文件 Astro文件共享给我同样的错误（可能是旧版本）。 但是，我安装了ES File Explorer，当我执行相同的例程并选择该文件时，我会收到一个对话框，其中显示： 将文件作为 普通Android方式（适用于彩信、Gmail等）
-
问题内容： 我目前正在阅读“最先实现HTML5编程”一书。我想在自己的机器上加载从Web服务器命名的文件的内容。我为此使用了wampserver。 在文件夹我把所有相关的，和文件，也文件。 我的JavaScript代码非常简单： 这什么也没做！键入链接：在我的浏览器中打开正确的文件，因此链接应该正确。即使使用本书随附的文件（带有我要制作的应用程序的最终版本），也不会加载任何内容。 使用警报语句进行