0

我在 node.js 读取 html 文件中加载我的 jquery 文件或任何文件时遇到问题。我花了很多时间在这上面，并注意到基于网络的谷歌托管库文件工作正常，但我的本地文件没有。我不知道为什么，也许我没有将它定向到正确的目录，但我不确定我会将它放在哪里或将它定向到哪里。

目录包括这3个文件

index.html
jquery.min.js
loadfile.js

index.html 注释掉的 google 托管的 jquery 文件工作得很好。但当地没有。

<!DOCTYPE html>
<html lang="en-US">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="jquery.min.js"></script>
        <!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>  -->
        <script type="text/javascript">
            $(document).ready(function() {
                alert("test");
            });
        </script>
    </head>
    <body>
        Hi!
    </body>
</html>

这是我用节点加载的文件。加载文件.js

var http = require('http');
var url = require('url');
var fs = require('fs');


server = http.createServer(function (request, response) {
    current_url = url.parse(request.url).pathname;

    file_path = __dirname + current_url;    

    var tmp = file_path.lastIndexOf('.');
    var ext = file_path.substring(tmp + 1);

    console.log(ext);

    if(ext == 'js')
        response.writeHead(200, {'Content-type': 'text/javascript'});
    else if(ext == 'css')
        response.writeHead(200, {'Content-type': 'text/css'});
    else
        response.writeHead(200, {'Content-type': 'text/html'});

    if(current_url == '/') {
        fs.readFile('index.html', 'utf8', function (errors, contents) {
            response.end(contents); 
        });
    } else {
        response.end();
    }

});

server.listen(8000);
console.log("Running in localhost at port 8000");

我收到此错误 Uncaught ReferenceError: $ is not defined on the $(document).ready 行，因为它似乎不认为我加载了 jquery。

任何帮助，将不胜感激。我总是可以使用谷歌托管的文件，但这并不适合我。提前致谢！

4

1 回答 1

3

如果不是“/”，您实际上还没有提供文件current_url，现在您的服务器只能将文件内容发送index.html给客户端。

您需要在“else”子句中包含以下内容：

fs.readFile(file_path, 'utf8', function (errors, contents) {
    response.end(contents); 
});
于 2013-06-22T04:41:04.667 回答