獲取 HTTP 請求 angular 5 的 URL 參數

Question

我試圖獲取 HTTP 幀的 URL 參數（“GET http://www.quatuoradbd.com/Reception?ID=00-80-00-00-00-00-d5-ef&Voltage=8 HTTP1.1 Host: www .quatuoradbd.com")

為了測試，我使用 Fiddler 軟件。 所以我發送了這個框架：（ https://i.stack.imgur.com/T6MTA.png ）

然后我得到這個響應：（ https://i.stack.imgur.com/XXAIa.png ）這是我的 Angular 網站的 index.html 加上許多包之間的 balise 而我想訪問接收路線而不是索引.html

此外，我收到的結果是代碼 200 一切正常：（ https://i.stack.imgur.com/vrdZP.png ）

但是，我不明白為什么我的框架沒有到達目的地（/接收），以便我可以獲取我的 URL 參數，即 ID 和電壓。

要獲取 URL 的參數，我的代碼如下，它可以工作，因為當我將其直接寫入 chrome 時“ http://www.quatuoradbd.com/Reception?ID=00-80-00-00-00-00-d5-ef&Voltage =8 "（見圖片： https : //i.stack.imgur.com/osInH.png ），我的參數被保存到我的數據庫中：

    this.activatedRoute.queryParamMap.subscribe((params: Params) => {
    console.log(params);
    this.device_id = params.get('ID');
    this.Voltage = params.get('Voltage');
    console.log(this.device_id);
    console.log(this.Voltage);
    });

Answer 1

我覺得我的接待路線沒問題吧？

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

import { AppComponent } from './app.component';
import { AccueilComponent } from './accueil/accueil.component';
import { MenuComponent } from './menu/menu.component';
import { InconnuComponent } from './inconnu/inconnu.component';
import { ClientsComponent } from './clients/clients.component';
import { ProjetsComponent } from './projets/projets.component';
import { HistoireComponent } from './histoire/histoire.component';
import { InscriptionComponent } from './inscription/inscription.component';
import { IdentificationComponent } from './identification/identification.component';
import { ConfirmationCompteComponent } from './confirmation-compte/confirmation-compte.component';
import { MapComponent } from './map/map.component';
import { GraphiquesComponent } from './graphiques/graphiques.component';
import { ReceptionComponent } from './reception/reception.component';

const routes: Routes = [
{ path: '', redirectTo: '/Accueil', pathMatch: 'full' },
{ path: 'ConfirmationCompte/:email', component: ConfirmationCompteComponent },
{ path: 'Graphiques/:id', component: GraphiquesComponent },
{ path: 'Accueil', component: AccueilComponent },
{ path: 'Projets', component: ProjetsComponent },
{ path: 'Clients', component: ClientsComponent },
{ path: 'Histoire', component: HistoireComponent },
{ path: 'Inscription', component: InscriptionComponent },
{ path: 'Identification', component: IdentificationComponent },
{ path: 'Reception', component: ReceptionComponent },
{ path: 'Map', component: MapComponent },
{ path: '**', component: InconnuComponent }
];

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

export class AppRoutingModule { }