角2：404錯(cuò)誤當(dāng)我通過(guò)瀏覽器刷新時(shí)我剛接觸到角2，我已經(jīng)將我的單頁(yè)應(yīng)用程序存儲(chǔ)在我的服務(wù)器中，在一個(gè)名為“myapp”的文件夾中。我已將基中的URL更改為http://example.com/myapp/`.我的項(xiàng)目有兩頁(yè)。所以我實(shí)現(xiàn)了角2路由。我將默認(rèn)頁(yè)面設(shè)置為登錄。當(dāng)我打字時(shí)http://example.com/myapp/在我的瀏覽器中，它將自動(dòng)重定向到http://example.com/myapp/login..但是如果刷新頁(yè)面，我會(huì)得到一個(gè)404錯(cuò)誤，說(shuō)http://example.com/myapp/login找不到。但是如果我使用Lite服務(wù)器運(yùn)行我的項(xiàng)目，一切都正常。在本例中，index.html中的URL將是"/"..怎么解決呢？
3 回答
慕后森
TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超5個(gè)贊
index.html
import {bootstrap} from 'angular2/platform/browser';import {provide} from 'angular2/core';import {ROUTER_PROVIDERS}
from 'angular2/router';import {LocationStrategy, HashLocationStrategy} from '@angular/common';import {MyApp} from
'./myapp';bootstrap(MyApp, [
ROUTER_PROVIDERS,
{provide: LocationStrategy, useClass: HashLocationStrategy}]);#
Helenr
TA貢獻(xiàn)1780條經(jīng)驗(yàn) 獲得超4個(gè)贊
更新為 角2終版本
增加進(jìn)口： import { HashLocationStrategy, LocationStrategy } from '@angular/common';在NgModule Provider中添加： {provide: LocationStrategy, useClass: HashLocationStrategy}
例
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { HashLocationStrategy, LocationStrategy } from '@angular/common';
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule],
providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}],
bootstrap: [AppComponent],
})
export class AppModule {}替代
例子：
import { NgModule } from '@angular/core';
...
const routes: Routes = [//routes in here];
@NgModule({
imports: [
BrowserModule,
FormsModule,
RouterModule.forRoot(routes, { useHash: true })
],
bootstrap: [AppComponent]
})
export class AppModule { }添加回答
舉報(bào)
0/150
提交
取消