想法

Question

使用Angular和Node.js / Express，是否有办法防止直接访问我的部分.html文件，同时仍然允许以下路由处理：

My Angular路线如下所示：

$stateProvider.state('albums', {
  url: '/albums',
  templateUrl: '/public/albums',
  controller: 'AlbumsCtrl'
});

然后我的快递应用程序执行以下操作：

app.get('/public/albums', function(req, res){
  res.sendfile('views/partials/albums.html');
});

这一切都运行正常，但输入“mysite.com/public/albums”可以访问部分.html文件。仍然没有任何东西可以看，因为内容是单独加载的，用户需要为此登录，但我仍然希望以某种方式阻止访问此文件。

Answer 1

您可能自己找到了答案或不同的方法，但如果您想做类似的事情，实际上有一种解决方法：

想法

您可以使用httpRequestInterceptor在来自angular的所有请求上添加自定义标头。在服务器端，您只需检查请求是否包含该标头。如果没有，则可以重定向或发送错误消息。

代码

客户端（Angularjs）：

创建一个拦截器：

myApp.factory('httpRequestInterceptor', function () {
    return {
        request: function (config) {
            config.headers['x-custom-header-name'] = 'something'
            return config
        }
    }
});

将拦截器添加到$ httpProvider拦截器：

myApp.config( function ($httpProvider) {
    $httpProvider.interceptors.push('httpRequestInterceptor')
});

服务器端（node.js）

当您想要开始避免直接访问时，只需输入以下代码：

app.use(function (req, res, next) {
    if (!req.headers['x-custom-header-name']) {
        res.redirect('/'); //Or just do what you want to
    }
    next();
});

或者，如果您想避免仅在一条或某些路线上进行访问，则可以修改代码更改

app.use(function (req, res, next) ...

与

app.use( 'route/no-direct-access', function (req, res, next) ...

拦截器的代码来自这个stackoverflow问题：

Setting application wide HTTP headers in AngularJS

希望这可以帮助别人！再见！

Answer 2

在AngularJS中为路径/foo/bar发出请求与输入网址domain.com/foo/bar相同。

你不能阻止另一个并允许另一个，因为最后 - 它们是对服务器的请求。

您可以做的是使用中间件防止未经授权的请求。例如，仅当用户是管理员或仅在用户已登录时才会使用。

因此，在您的服务器中，您可以编写如下代码：

function ensureAuthenticated (request, response, next) {
    //Custom code - If request is authenticated
    return next();
    //if Not
    res.send(403, "Forbidden");
};

app.get('/public/albums', ensureAuthenticated, function (req, res) {
    //res.sendfile(filepath);
});

阻止使用AngularJs和Node.js / Express直接访问文件

2 个答案:

想法

代码

客户端（Angularjs）：

服务器端（node.js）