Question

我在项目中使用了angular 7。以下是路由详细信息

app.routing-module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { Test1Component } from './test1/test1.component';
import { Test2Component } from './test2/test2.component';

const routes: Routes = [
  {path:'test1', component:Test1Component},
  {path:'test2', component:Test2Component}
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { Test1Component } from './test1/test1.component';
import { Test2Component } from './test2/test2.component';

@NgModule({
  declarations: [
    AppComponent,
    Test1Component,
    Test2Component
  ],
  imports: [
    BrowserModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

在服务器上刷新页面时，出现404错误。使用HostingHosting Raja Windows服务器。

示例代码http://project15.in

Answer 1

退房：

Angular io deployment

您需要添加具有url重写规则的web.config或使用Ankit Prajapati所述的hashlocationstrategy。

服务器页面上的角路由刷新出现404.0错误

1 个答案: