Angular最终版本/版本2.0.1页面重新加载/刷新问题

时间:2016-10-13 10:20:41

标签: angular2-routing

我在app.module.ts文件中尝试了LocationStrategy,代码如下

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

    @NgModule({
        imports: [
            ...
        ],
        declarations: [
            ...
        ],
        bootstrap: [...],
        providers: [
            { provide: LocationStrategy, useClass: HashLocationStrategy }
        ]
    })

In app.component.ts file i have added below code
import {Location} from '@angular/common';

   export class AppComponent {
    constructor(location: Location) {
        location.go(location.path());
    }
}

但是,如果我刷新页面或按f5页面导航到其他页面或同一页面时无法识别,则不会重新加载,而是给出404页面找不到错误。可以告诉我解决方法。

1 个答案:

答案 0 :(得分:0)

我在使用php的角度应用程序中遇到了同样的问题,通过goolge找到了很多解决方案后我尝试了这个 - 它对我来说很好用。

只需在根目录中放入一个.htaccess文件,然后添加以下代码 -

    RewriteEngine On     RewriteCond%{REQUEST_FILENAME}!-d     RewriteCond%{REQUEST_FILENAME}! - f     RewriteRule ^(。*)$ index.html [QSA,L]

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^(.*)$ index.html [QSA,L]
</IfModule>