Angular2/page無法加載資源：狀態404

請幫助我。我不知道爲什麼它不起作用。爲什麼服務器給我發送這個狀態我究竟做錯了什麼？這段代碼有什麼問題？有趣的是，我可以到這個頁面，但是當我按f12（在控制檯）我得到這個錯誤 - >無法加載資源：服務器迴應狀態爲404（未找到）http://localhost:8080/registration 這是我的SO EASY碼。Angular2/page無法加載資源：狀態404

app.ts

import './sass/style.scss' 
import 'reflect-metadata' 
import 'zone.js/dist/zone.min.js'; 
import { Component, NgModule } from '@angular/core'; 
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic' 
import { BrowserModule } from '@angular/platform-browser'; 
import { RootComponent } from './components/root.component'; 
import { RegistrationComponent } from './components/registration.component'; 
import { routing } from './app.routing'; 

@NgModule({ 
    declarations: [ 
     RootComponent, 
     RegistrationComponent 
    ], 
    imports: [ 
    BrowserModule, 
    routing 
    ], 
    providers: [], 
    bootstrap: [RootComponent] 
    }) 

    export class AppModule {} 

    platformBrowserDynamic().bootstrapModule(AppModule);

app.routing.ts

import { RouterModule, Routes } from '@angular/router'; 

import { RegistrationComponent } from './components/registration.component'; 

const APP_ROUTES: Routes = [ 
    { path: '', redirectTo: '/registration', pathMatch: 'full' }, 
    { path: 'registration', component: RegistrationComponent } 
]; 

export const routing = RouterModule.forRoot(APP_ROUTES);

route.component.ts

import { Component } from '@angular/core'; 

@Component({ 
    selector: 'root-component', 
    template: ` 
    <router-outlet></router-outlet> 
    ` 
}) 

export class RootComponent { 

}

來源

2016-12-16 qwerty1234567

也許你需要一個Web服務器重寫機制：角知道什麼用/registration做，但你的網絡服務器沒有。這意味着您需要配置您的網絡服務器，將請求傳遞給不存在的文件到Angular，即index.html（或任何Ang2的起點）。

假設你使用Apache，最簡單的事情是：

FallbackResource /index.html

或者（或者，如果使用不支持這樣的事的服務器），您可以切換到角的HashLocationStrategy。

來源

2016-12-16 16:29:27 BlueM

但昨天這個工程：d（LEL）我做的NPM啓動（如昨，他們改變了不便？） – qwerty1234567

做它的WebPack – qwerty1234567

我修好了。我不得不將{ useHash: true}添加到我的路由中。

export const routing = RouterModule.forRoot(APP_ROUTES, { useHash: true});

現在，它的工作原理：d

來源

2016-12-16 18:20:36 qwerty1234567

Angular2/page無法加載資源：狀態404

回答

相關問題