将Node.js HTML5和Canvas结合在一起

Question

我的一侧有一个非常简单的html5游戏。 使用我的浏览器直接打开游戏的html文件可以使游戏正常运行。 另一方面，我有一个由node.js制成的html服务器，可以正常提供html文本（诸如</ br> <p>之类的标签）。

但是，当我告诉服务器将我的游戏显示为html文本，以整个html文件为代价时，画布无法渲染（尽管标题确实如此）。 所以现在我对正在发生的事情以及为什么无法将这两件事链接在一起感到迷惑。 这是服务器代码的简化版本：

var http = require('http');
var fs = require('fs');
var index = fs.readFileSync('index.html');

http.createServer(function(req, res) {
    res.writeHead(200, {'Content-Type': 'text/html'});
    res.write(index);
    res.end()
}).listen(7777);

那么，我在这里做错了什么？ 应该正常工作吗？ 我想念什么吗？

好像javascript是作为纯文本发送的，并且从未真正执行过代码。

Answer 1

您的服务器仅提供index.html，因此，如果该页面依赖于任何其他资源，它将无法工作，因为对CSS和JS文件的请求将失败。 试试这个：

$ npm -g install simplehttpserver
$ simplehttpserver /path/to/your/folder

然后使用浏览器转到

http://localhost:8000/index.html