Question

我有以下项目结构（为简洁省略了无关文件）：

- app
    - authentication
        - authentication.controller.js
        - authentication.routes.js
        - authentication.scss
        - registration.html
        - user.model.js
    - app.js
    - app.scss
- server
    - server.controller.js
    - server.js
    - server.routes.js
- views
    - index.html

问题是，当我使用html文件作为AngularJS路由的templateUrl时，我得到一个'无法GET /path/to/someFile.html'错误。

(function() {
    angular
        .module('appName', [
            'ngMessages',
            'ngResource',
            'ui.router'
        ])
        .config(function($stateProvider) {
            $stateProvider
                .state('registration', {
                    url: '/registration',
                    templateUrl: '/app/authentication/registration.html',
                    controller: 'AuthenticationController'
                });
        });
})();

这是否意味着我必须在我的server.js文件中为我使用的每个html文件添加以下代码块？

app.get('/app/authentication/registration.html', function(request, response) {
    response.sendFile(path.resolve('app/authentication/registration.html'));
});

这似乎是一个巨大的痛苦。我目前还必须为我拥有的每个css和js文件执行此操作。我可以使用gulp连接那些，所以我只需要一个app.get用于一个css和一个js文件，但我不能为html文件做到这一点。

有没有更好的方法来解决这个问题？为每个html文件设置一个角度路线和快速路线没有多大意义。

Answer 1

您可以使用Express轻松提供静态文件：

app.use(express.static('views'));
// http://localhost/ -> views/index.html

将目录提供给您可以使用的特定路径：

app.use('/app', express.static('app'));
// http://localhost/app/authentication/registration.html
//      -> app/authentication/registration.html

这将解析路径并提供页面。

如果您只想提供特定页面（例如视图），我建议您将其全部放在一个目录中，并且只为该目录提供静态。

另请参阅：Express API

如何避免为我的每个html文件添加ExpressJS app.get（）？

1 个答案: