让 AngularJS 评估除“/pages/”中的所有路由之外的所有路由

Question

我的 HTML5 模式网站有一个 404 状态，除了来自 /pages/ 的任何内容之外，我想启用它，因为它们是从服务器端 CMS -Mezzanine- 提供的。有什么想法吗？

$stateProvider
    .state('app.404', {
      url: '*path',
      views: { 'main': { templateUrl: '/static/app/views/404.html' } }
    })

Answer 1

如果我理解正确，那么我认为这需要在服务器端进行处理。我做过类似的事情，我只有几个要在服务器上呈现的 url，而所有其他 url 都指向基本上相当于 index.html 的内容，这是我的 Angular 应用程序所在的位置。

这可能很棘手，因为您的静态资源显然需要在这些参数之外提供。

在不知道服务器上的堆栈是什么的情况下，我只能建议我使用的技术，即让我的 Angular 应用程序位于 '/'，但让 Angular 应用程序中的所有路由使用相同的前缀 (在我的情况下'/manage/*'。

然后，在服务器端，/manage/* 被重定向到 index.html，其他所有内容都照常提供。

类似且更容易出错的解决方案可能会尝试重定向所有内容，但您希望正常提供的资源除外。对于 Apache，.htaccess 可能看起来像这样：

RewriteEngine On
RewriteCond %{REQUEST_URI} !^js|css|img|templates|static|pages
RewriteRule .* index.html

我说它容易出错只是因为如果您要从您的域中提供任何其他资源，您需要确保并保持更新，或者至少确保您记住调试时所做的事情。