如何正确使用Angular 1.5进行SPA的路由？

我是新来角。我创建了一个展示我的个人资料的博客。在我的网站，我有几个分量和我app.module具有路由的配置，如图所示：如何正确使用Angular 1.5进行SPA的路由？

app.config(function($locationProvider, $routeProvider){ 
    $locationProvider.html5Mode({ 
    enabled:true, 
    requireBase: false 
    }) 

    $routeProvider. 
    when("/", { 
     template: "<research-overview></research-overview>" 
    }). 
    when("/research-interests", { 
     template: "<research-interests></research-interests>" 
    }). 
    otherwise({ 
     redirectTo: "/" 
    }) 
});

这里是我的组件的例子：

angular.module('researchOverview', []) 
    .component('researchOverview', { 
    templateUrl: '/templates/research-overview.html', 
});

我试图在本地使用python -m SimpleHttpServer 运行服务器，以便我可以使用浏览器访问我的本地网站localhost:8000，当我点击我主页上的链接时，该页面已正确加载。但是，当我最初使用不同的网址访问我的网站时（例如localhost:8000/testing），角度路线似乎无法正常工作。我得到这个错误，而不是，

如何设置路由器，使这些URL可以被重定向到我的主页？

来源

2016-12-21 Saber Alex

你不能在Python中使用带'SimpleHttpServer'的'html5Mode'，而无需为它编写自己的子类，例如。 https://gist.github.com/RyanBalfanz/ee579e5dec2d843acff1646943d7e96b – Claies

啊！问题在于simpleHttpServer？感谢这 –

如果你想展示这样的网址，你应该使用“真实”的网址，以便用户可以收藏和恢复标签;这意味着你需要在每个地点给出一个url的实际页面。它可能是一个常见的错误页面，或者您可以使用服务器来服务实际的最终内容，从而提高搜索引擎优化。 – dandavis

鉴于您启用了html5模式我认为您可能需要设置您的服务器，以便不管路径它将返回您的index.html文件。

例如，当您的服务器在localhost：8000 /测试时收到对资源的请求时，它将返回index.html。

从AngularJS文档：

使用该模式需要URL重写，服务器端的，基本上你不得不重写所有的链接到你的应用程序的入口点（例如，index.html）。因为它允许Angular区分作为应用程序库的url部分和应用程序应该处理的路径，因此需要标签对于此情况也很重要。

来源

2016-12-22 00:33:04 Teppic

我该怎么做？ –

我刚刚更新了一些更多信息。我自己没有使用python，所以我不能提供具体的不幸。 – Teppic

如何正确使用Angular 1.5进行SPA的路由？

回答

相关问题