javascript - AngularJS ngRoute 直接部分访问

Question

我的应用程序可以与 ngRoute 配合使用，但是当我尝试直接访问我的部分(从地址栏)时，它仅返回该部分(没有主页)。如何隐藏这些部分以防止直接访问？

说明:我有一个有 2 个街区的站点。第一个是菜单，第二个是内容(我的路线的一部分)。菜单有链接:“#/main”和“#/account”。当我按下按钮时，它工作正常(左侧菜单和内容)。但是，如果我将 URL 从 localhost:8080/#/account 更改为 localhost:8080/account，它只会呈现内容，而不呈现菜单。我想隐藏对 localhost:8080/account 的访问或使其通过菜单呈现内容。

Answer 1

您的问题很可能不是您的 AngularJS 路由，而是来自服务器的路由。当您请求像 localhost:8080/account 这样的页面时，您的服务器会说“好吧，让我们只传递 /account 文件”。但这不太正确，因为您实际上希望加载整个应用程序。这是一个常见问题，而且解决起来还不错。

我不知道你的后端是什么样的，但这里有一个express/node的通用示例:

var express = require('express'),
  routes = require('./routes');

app.get('/', routes.index);
app.get('*', routes.index);

“对后端的每个请求最初都应该渲染完整的布局，以便加载我们的 Angular 应用程序。只有这样，客户端渲染才会接管。”

源代码:http://fdietz.github.io/recipes-with-angular-js/backend-integration-with-node-express/implementing-client-side-routing.html