1

我已经创建了一个 http 拦截器，根据我的观察，它只适用于所有使用 $http 服务的人。如果我想拦截模板中使用的 css、html 和 js 文件怎么办？是否可以？

这是我上面提到的拦截器的代码：

app.factory('redirectInterceptor', function($q,$location,$window){
return  {
    'response':function(response){
    if (typeof response.data === 'string' && response.data.indexOf("My Login Page")>-1) {
        $window.location.href = "/login.html";
        return $q.reject(response);
    }else{
        return response;
    }
    }
}

});

app.config(['$httpProvider',function($httpProvider) {
    $httpProvider.interceptors.push('redirectInterceptor');
}]);

我希望能够像上面的那样为 css、html 和 js（用于模板）做一个拦截器。

4

3 回答 3

1

如你所说，

它只适用于所有使用 $http 服务的人

所以，如果你想拦截对 html、css 和 js 文件的请求。最好在服务器上完成，而不是在客户端上。

于 2015-04-15T05:41:22.777 回答
1

你可以拦截html文件

    var requestInterceptor = function (config) {

        if (config.url.indexOf(".html") != -1) {
            //custom logic
        }
   }

虽然以上不适用于.js或.css因为它们正在使用标签加载。

.html 文件保存在模板缓存中并触发 $http 请求...

尽管您应该继续测试console.log(config.url)在拦截器中执行的所有请求以确保..

于 2015-04-15T05:45:40.513 回答
1

这是一个经典的 XY 问题。您正在考虑解决问题的方法，但这是错误的解决方法。

从您的评论中，这一行解释了实际问题：

但是我指的js文件是项目的业务逻辑。因此，将其公开不是一种选择。

所以，你的问题是你不想将业务逻辑暴露给没有/不能登录的人。

有几种解决方案。但这一切都归结为一件事：将您的业务逻辑与用于 UI 等的通用 js 代码分开。

一旦你将你的 js 分成两部分（不一定是两个文件，但它必须至少是两个文件，可以更多），你可以将你的公共 js 文件公开。然后你可以决定如何处理加载你的业务逻辑：

  1. 让它失败

    这可能是最简单的策略。什么都不做，它将无法加载。大概您只需要登录页面上的业务逻辑，因此在登录或登录页面中没有它应该不是问题。

  2. 将其动态包含在模板中

    如果用户未登录，只需省略加载业务逻辑js的脚本标签。

  3. JS中动态加载业务逻辑

    要么使用 AJAX 加载它然后评估它，要么使用 require.js 或使用 jQuerygetScript()或类似的东西，仅在用户登录时加载业务逻辑。

如果您有创意，您可能会想出更多方法来处理加载业务逻辑 JS。不管是什么，关键是你需要把公共的 js 和 css 文件公开。

于 2015-04-15T07:14:01.173 回答