Angular2 + Laravel5 - 如何纠正它们之间的组织路由?

时间:2016-02-13 10:15:58

标签: laravel-5 typescript laravel-5.1 angular laravel-5.2

我玩L5和A2。

L5有两条路线:' /' (基础)和' /编辑'。 A2有两条路线:' /' (基础)和' /编辑' (姓名:'编辑');

当我加载blablabla.com页面时,做一些事情 - Angular2会通过' / edit'重定向我。 blablabla.com/edit网址上的Angular2路线。在这条A2路线上 - 将加载一些A2组件。

但是,当我留在blablabla.com/edit网址时,如果我重新加载页面 - 在网址blablabla.com/edit上运行Laravel5路线' /编辑' 404错误。

在这种情况下,我如何连接L5路线' /编辑'使用A2路线' /编辑'?

1 个答案:

答案 0 :(得分:3)

事实上,刷新应用程序时出现404错误是正常的,因为浏览器中的实际地址正在更新(并且没有#/ hashbang方法)。默认情况下,HTML5历史记录用于在Angular2中重复使用。

如果您不想出现404错误,则需要更新服务器,以便为您定义的每个路径路径提供setContentView(new WebView(this));文件。

如果要切换到HashBang方法,则需要使用此配置:

index.html

在这种情况下,当您刷新页面时,它会再次显示(但您的地址中会有import {bootstrap} from 'angular2/platform/browser'; import {provide} from 'angular2/core'; import {ROUTER_PROVIDERS} from 'angular2/router'; import {LocationStrategy, Location, HashLocationStrategy } from 'angular2/router'; import {MyApp} from './myapp'; bootstrap(MyApp, [ ROUTER_PROVIDERS, provide(LocationStrategy, {useClass: HashLocationStrategy} ]); 。)

此链接也可以为您提供帮助:When I refresh my website I get a 404. This is with Angular2 and firebase

关于Lavarel,您需要为Angular2路由的每个元素配置重定向:#

这些链接可以帮助您:

希望它可以帮到你, 亨利