Question

具有Angular应用程序，此应用程序是在单击另一个应用程序时弹出的。（此另一个应用程序构造了一个URL（abc.com/sensitive 1 /敏感2 /敏感3 /敏感4）），该应用在路由器中调用该URL，并检查敏感数据是否存在。

const routes: Routes = [
  {
    path: 'main/:sensitive1/:sensitive2/:sensitive3/:sensitive4',
    component: MainComponent,
    resolve: { sensitive1: sensitive1DetailsResolve, sensitive2: sensitive2ServiceResolve }
  },

Index.html
<body>
<div id="page-wrapper">
  <abc-root></abc-root>
</div>
</body>

该用户从另一个应用程序单击我的应用程序的链接后，我的应用程序弹出并显示其中所有敏感数据。因此，想要对URL进行POST请求（abc.com/sensitive 1 / sensitive 2 / sensitive 3 /敏感4）

关于角度的知识非常有限，现在的问题是，我的Angular应用程序应该能够使用post方法来隐藏所有敏感数据，并且还应该能够处理浏览器刷新。

请帮助处理这种情况。我们非常感谢您的帮助。

Answer 1

在app.module.ts中导入HttpClientModule

import { HttpClientModule } from '@angular/common/http';

@NgModule({

  imports: [
    BrowserModule,
    // import HttpClientModule after BrowserModule.
    HttpClientModule,
   ],

还有

将HttpClient导入文件中（通常在service.ts中），您要在其中进行发布请求

import { HttpClient } from '@angular/common/http';

在构造函数中为HttpClient初始化对象

constructor(private http: HttpClient) { }

现在像下面这样对网址发出发布请求，数据将成为参数

this.http.post(url, data);

Answer 2

以下内容目前适用。...

const appRoutes: Routes = [
  { path: 'sensitive1', component: MainComponent },
  { path: 'sensitive1',      component: sensitive1DetailsResolve}
  { path: 'sensitive2',      component: sensitive2DetailsResolve},
  {
    path: 'sensitive1',
    component: sensitive1DetailsComponent,
    data: { title: 'sensitiveData' }
  },
  { path: '',
    redirectTo: 'main',
    pathMatch: 'full'
  },
  { path: '**', component: PageNotFoundComponent }
];

如何在Angular应用中发出POST请求？

2 个答案: