Question

我是node express的新手，希望得到一些帮助以解决问题。

以下是Node express Application的项目结构

文件夹结构：

以下是我的app.js代码

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

var index = require('./routes/index');
var users = require('./routes/users');

var app = express();
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'hbs');

// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', index);
app.use('/users', users);

// 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 handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;

我有一个当前驻留在公共文件夹中的controller.js文件（参见文件夹结构）

我有一个index.hbs文件，它使用controller.js（代码如下所示）

<!DOCTYPE html>
<html  ng-app="test">
  <head>
    <title>{{title}}</title>
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.2/angular.min.js"></script>
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-route.min.js"></script>
      <script src="controller.js"></script>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body ng-app="test">
  {{{body}}}
  <!--
  <div ng-view></div>
  -->
  </body>
</html>

当我运行应用程序时，这工作正常。

我需要从公共文件夹中删除controller.js文件并将其转储到控制器文件夹中（参见文件夹结构图），然后当我运行程序时出现以下错误，

获取http://localhost:3000/controller.js 404（未找到）

我已经在index.hbs文件中更改了我的<script src="controller.js"></script>这么多方法，以便我可以运行它而没有任何错误但没有运气。

我们非常感谢任何建议。

Answer 1

您必须提供要在HTML中引用的所有内容。

因此，您可以将代码移动到其他目录并提供服务，您可以将其移动到另一台服务器，但是您无法将其移动到任何未提供服务的地方，否则您将无法加载用HTML格式。

所有客户端JavaScript代码必须可供客户端下载或无法正常工作。所以不仅可以将它放在公共目录中 - 这是必要的。当然，您可能只想为某些客户提供服务，但是您必须将其提供给任何使用它的HTML并且几乎没有办法解决它。

如何在Node Express App中使用公共文件夹之外的.js文件？

1 个答案: