angular2路由 上线后页面刷新后报404错误

点击路由链接跳转页面是正常的，但是当刷新页面时就出现了404错误。

解决方法如下：

 在app.module.ts中添加import:

import {HashLocationStrategy,LocationStrategy} from '@angular/common';

并在 providers下添加所引入的服务：

providers: [{provide: LocationStrategy,useClass: HashLocationStrategy}]

备注：

出现问题的原因：刷新页面时寻找的是java web中的地址，自然就找不到了。
-------------------------------------------------------------------------------------------------------------------------------------------

当点刷新的时候,浏览器是不明白,要先进入到localhost:8000的路由后,再找到相对应的参数,再找到相对应的产品,简单的说,浏览器没有那么智能.

如何解决: 比较简单,在app.module.ts文件加一个新的provide就好了.看如下代码:

providers: [ProduceShareService,HttpService,FileInputPluginService,
{provide: LocationStrategy,useClass:HashLocationStrategy}
],

然后重新编译,再重新上传就可以了!

重新上传的文件地址会多一个#号,这样就告诉浏览器要先进行路由再找相对应产品.