如何在节点js服务器上加载带有<script>标记的html文件？

debugcn 发表于 Dev

Geninewtoso

我有一个HTML文件，在脚本标签上有一些javascript。我用节点js创建了一个服务器，但是当我尝试在服务器上加载网站时，我只会看到文件的html部分，而不是javascript部分。

这是我尝试将其与javascript链接的head标签上的html代码的一部分：

<head>
    <title>HTML5 Canvas Winning Wheel</title>
    <link rel="stylesheet" href="main.css" type="text/css" />
    <script type="text/javascript" src="Winwheel.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>

    <script src="app.js" type="text/javascript"></script>
</head>

这是我创建服务器的app.js：

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

var server = http.createServer(function(request, response) {  
    var path = url.parse(request.url).pathname;  
    switch (path) {  
        case '/index.html':  
            fs.readFile(__dirname + path, function(error, data) {  
                if (error) {  
                    response.writeHead(404);  
                    response.write(error);  
                    response.end();  
                } else {  
                    response.writeHead(200, {  
                        'Content-Type': 'text/html'
                    }); 
                    response.write(data);  
                    response.end();  
                }  
            });  
            break;  
        case '/Page2.html':  
            fs.readFile(__dirname + path, function(error, data) {  
                if (error) {  
                    response.writeHead(404);  
                    response.write(error);  
                    response.end();  
                } else {  
                    response.writeHead(200, {  
                        'Content-Type': 'text/html'  
                    });  
                    response.write(data);  
                    response.end();  
                }  
            });  
            break;  
        default:  
            response.writeHead(404);  
            response.write("opps this doesn't exist - 404");  
            response.end();  
            break;  
    }  
});

server.listen(8082);

伊万·彭加（IvanPenga）

服务时，index.html客户端将尝试index.html从服务器中获取所有指定的资源。您可以看到，如果您path在回调函数中记录变量：

/index.html
/main.css
/Winwheel.js
/app.js

在这里您可以做的是为其他文件设置更多的开关盒main.css，app.js但是如果您要处理的文件很多，这可能会变得不堪重负。

相反，请在此处查看如何从服务器提供静态文件：https : //expressjs.com/en/starter/static-files.html或如何在此处创建简单的快速服务器https://expressjs.com/en /starter/hello-world.html。

如果您不使用Express，则可以删除switch语句并执行以下操作：

var http = require('http');  
var url = require('url');  
var fs = require('fs');  
var server = http.createServer(function(request, response) {  
    var path = url.parse(request.url).pathname;  
    fs.readFile(__dirname + path, function(error, data) {  
        if (error) {  
            response.writeHead(404);  
            response.write('This page does not exist');
            response.end();  
        } else {  
            response.writeHead(200, {  
                'Content-Type': 'text/html'
            }); 
            response.write(data);  
            response.end();  
        }  
    }); 
});  
server.listen(8082);

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。