Question

我有这样的文件结构：

ng
    |---- controllers
    |         |----homeController.js
    |---- modules.js
node-modules
    |---- some modules here...
public
    |---- css
    |        |---main.css
    |---- js
    |        |---main.js
views
    |---- index.html.ejs
package.json
server.js

这是我的server.js

var express = require('express');
var morgan = require('morgan');
var ejs = require('ejs');

var app = express();

app.use(morgan('dev'));

app.use(express.static(__dirname + 'public'));
app.set('view-engine', ejs)

app.get('/', function(req, res) {
    res.render('index.html.ejs');
});

var server = app.listen(process.env.PORT || 3000, function() {
    console.log('server is listening on Port: %d', server.address().port);
});

现在，在我的index.html.ejs文件中：

<!DOCTYPE html>
<html lang="en">

<head>
    <title>Mailer</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/main.css">
</head>

<body ng-app="addressBookApp">

    <h1>Sample Angular App </h1>

    <script src="js/main.js"></script>
    <script src="ng/modules.js"></script>
    <script src="ng/controllers/homeController.js"></script>    
</body>

</html>

如何解析ng文件夹以便我可以引用我的角度模块和控制器？

此外，好像我运行此服务器然后我收到错误：

为什么没有加载公用文件夹中的任何文件？我为main.js和main.css获得了404

Answer 1

如果您想在ng目录中提供文件，您也应该公开：

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

现在，您可以加载ng目录中的文件：

http://localhost:3000/ng/controllers/homeController.js

顺便说一句，最好创建一个名为app的文件夹，并将ng内的所有内容放在此目录中。

为什么我在公共文件夹中的文件获得404

1 个答案: