无法导入脚本Node.js服务器

Question

我正在创建一个带有节点的http服务器，该节点读取一个简单的html文件。 此html文件导入位于我的计算机中的一些脚本。 节点无法加载此脚本。 为什么？

    var http = require('http');
var io = require('socket.io').listen(2210);
var fs = require('fs');

http.createServer(function(req, res){
    fs.readFile("./index.html", function(err, data){
        if (err){
            res.writeHead(500);
            res.end("Error loading index.html");
        }
            res.writeHead(200, {"Content-Type":"text/html"});
            res.end(data, 'utf-8');
    });
}).listen(2211);

io.sockets.on('connection', function(socket){

});

这是html文件：

<!DOCTYPE html> 
<html> 
    <head> 
    <title>ASGEAWER</title> 
  <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="jquery-mobile/jquery.mobile.css" />
    <link rel="stylesheet" href="jquery.mobile.splitview.css" />
  <link rel="stylesheet"  href="jquery.mobile.grids.collapsible.css" />
  <script type="text/javascript" src="jquery-1.7.1.js"></script>
  <script type="text/javascript" src="jquery.mobile.splitview.js"></script>
  <script type="text/javascript" src="jquery.mobile.js"></script>
  <script type="text/javascript" src="servernode.js"></script>
  <script type="text/javascript" src="interaction.js"></script>
  <script type="text/javascript">
    $(document).on("ready",inici);
  </script>
</head> 

  <body> 

    <div data-role="panel" data-id="menu" data-hash="crumbs" data-context="a#default">

      <!-- Start of first page -->
      <div data-role="page" id="main" data-hash="false">

        <div data-role="header" data-position="fixed">
            <h1>Categoria</h1>
        </div><!-- /header -->

        <div data-role="content">
          <ul data-role="listview">

          </ul>
        </div>

      </div><!-- /page -->

    </div><!-- panel menu -->






    <div data-role="panel" data-id="main">
      <!-- Start of 6th page -->
      <div data-role="page" id="aboutsv">

        <div data-role="header" data-theme="b">
          <h1>Productos</h1>
        </div><!-- /header -->

        <div data-role="content"> 
        </div><!-- /content -->
      </div><!-- /page -->

    </div><!-- panel main -->


  </body>
</html>

而chrome给了我那些错误：

Uncaught SyntaxError: Unexpected token < jquery-1.7.1.js:1
Uncaught SyntaxError: Unexpected token < jquery.mobile.splitview.js:1
Uncaught SyntaxError: Unexpected token < jquery.mobile.js:1
Uncaught SyntaxError: Unexpected token < servernode.js:1
Uncaught SyntaxError: Unexpected token < interaction.js:1
Uncaught ReferenceError: $ is not defined

Answer 1

此html文件导入位于我的计算机中的一些脚本

当浏览器找到带有src属性的<script>标记时，它会向服务器（在这种情况下是您的节点http服务器）发出另一个请求该文件的请求。

在您的情况下，您的服务器使用index.html内容响应每个请求。

因此，为了导入这些文件，您必须更改http.createServer回调，以便使用该文件的内容响应每个静态文件请求，而不是始终使用index.html内容进行响应

它应该是这样的：

首先，创建一个处理内容类型的函数

function contentType(ext) {
    var ct;

    switch (ext) {
    case '.html':
        ct = 'text/html';
        break;
    case '.css':
        ct = 'text/css';
        break;
    case '.js':
        ct = 'text/javascript';
        break;
    default:
        ct = 'text/plain';
        break;
    }

    return {'Content-Type': ct};
}

然后，重新定义您的服务器代码：

var http = require('http'),
    fs = require('fs'),
    path = require('path');

var HTTP_OK = 200,
    HTTP_ERR_UNKNOWN = 500,
    HTTP_ERR_NOT_FOUND = 404;

http.createServer(function (req, res) {
    var filepath = '.' + (req.url == '/' ? index : req.url),
        fileext = path.extname(filepath); 

    path.exists(filepath, function (f) {
        if (f) {
            fs.readFile(filepath, function (err, content) {
                if (err) {
                    res.writeHead(HTTP_ERR_UNKNOWN);
                    res.end();
                } else {
                    res.writeHead(HTTP_OK, contentType(fileext));
                    res.end(content);
                }
            });
        } else {
            res.writeHead(HTTP_ERR_NOT_FOUND);
            res.end();
        }
    });
});

这是一个简单的自制静态服务器， 但如果您使用库，则会更好 ：

简单的静态服务器： https ： //github.com/jesusabdullah/node-ecstatic
一个完整的框架： http ： //expressjs.com/

无法导入脚本Node.js服务器

问题描述

1 个解决方案

解决方案1
7 已采纳 2012-12-23 15:45:11

无法导入脚本Node.js服务器

问题描述

1 个解决方案

解决方案1 7 已采纳 2012-12-23 15:45:11

解决方案1
7 已采纳 2012-12-23 15:45:11