Javascript客户端未执行正确的nodejs/expressjs结构_Javascript_Node.js_Express_Client

Javascript客户端未执行正确的nodejs/expressjs结构

javascript node.js express

Javascript客户端未执行正确的nodejs/expressjs结构,javascript,node.js,express,client,Javascript,Node.js,Express,Client,使用nodeJs、ExpressJS（~4）这是我的结构： controllers/searchController.js public/javascripts/search.js (js client code that will run on browser) public/search.html server.js app.js searchController.js： var express = require('express'); var router = express.Rou

使用nodeJs、ExpressJS（~4）

这是我的结构：

controllers/searchController.js
public/javascripts/search.js (js client code that will run on browser)
public/search.html
server.js
app.js

searchController.js：

var express = require('express');
var router = express.Router();
var esService = require('../services/esService');
var Q = require('q');



var html_dir = './public/';
router.get("/home", function (req, res) {
    res.sendfile(html_dir + 'search.html');
})

router.get("/search", function (req, res) {
 ...
})

module.exports = router;

app.js：

var express = require('express');
var path = require('path');
var favicon = require('static-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

var searchController = require('./controllers/searchController');    
var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'hjs');

app.use(favicon());
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded());
app.use(cookieParser());
app.use(require('less-middleware')(path.join(__dirname, 'public')));
app.use(express.static(__dirname, '/public'));

app.use('/', searchController);

/// catch 404 and forward to error handler
app.use(function(req, res, next) {
    var err = new Error('Not Found');
    err.status = 404;
    next(err);
});

/// error handlers

// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
    app.use(function(err, req, res, next) {
        res.status(err.status || 500);
        res.render('error', {
            message: err.message,
            error: err
        });
    });
}

// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
    res.status(err.status || 500);
    res.render('error', {
        message: err.message,
        error: {}
    });
});

module.exports = app;

search.html：

<!DOCTYPE html>
<html>
<head>
....
</head>
<body>
 ........

<div id="tfheader">
    <form id="tfnewsearch" method="get" onsubmit="return handleClick()">
        <input id="myinput" type="text" class="tftextinput" name="q" size="21" maxlength="120">
        <input type="submit" value="search" class="tfbutton">
    </form>
    <div class="tfclear"></div>
</div>



<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="javascripts/prettyprint.js"></script>
<script src="javascripts/search.js"></script>


...
</body>
</html>

现在当我访问：

http://localhost:3000/home

我在浏览器上遇到以下错误：

Remote Address:127.0.0.1:3000
Request URL:http://localhost:3000/javascripts/search.js
Request Method:GET
Status Code:404 Not Found

Remote Address:127.0.0.1:3000
Request URL:http://localhost:3000/javascripts/prettyprint.js
Request Method:GET
Status Code:404 Not Found

知道为什么吗？

你应该改变

app.use(express.static(__dirname, '/public'));

致：

但如果您确实想解决此问题，最好对静态文件使用前缀，如下所示：

app.use('/public', express.static(__dirname + '/public'));

然后以以下方式加载Javascript文件：

<script src="public/javascripts/prettyprint.js"></script>
<script src="public/javascripts/search.js"></script>

这很有效。但请告诉我你是怎么解决的？你觉得我的结构怎么样？我应该把我的html文件放在哪里您被作为

express.static

中间件的独立参数传递给

\uu dirname

和

/public

，而该中间件只接受一个参数。所以我把

，

改为

。以更标准的方式，您应该将

path.resolve（uu dirname，'public'）

传递给这个中间件。关于您的项目结构，我可以简单地说这是一个正常的结构，但是如果您想使您的项目结构更好，请阅读我的总体结构如何？“你能解决这个问题吗？”rayman还说，如果你开始使用Yeoman，特别是你的代码会变得更有条理。

app.use('/public', express.static(__dirname + '/public'));

<script src="public/javascripts/prettyprint.js"></script>
<script src="public/javascripts/search.js"></script>