1. //app.module.ts:
  3. import {NgModule} from '@angular/core';
  4. import {BrowserModule} from '@angular/platform-browser';
  6. //HttpClientModule
  7. import {HttpClientModule} from '@angular/common/http';
  9. @NgModule({
  10.   imports: [
  11.     BrowserModule,
  12.     //加入HttpClientModule
  13.     HttpClientModule,
  14.   ],
  15. })
  16. export class MyAppModule {}
  1. import { HttpClient, HttpHeaders } from '@angular/common/http';
  2. //发起一个 get 请求
  3. @Component(...)
  4. export class MyComponent implements OnInit {
  5.   results: string[];
  7.   //在构造函数中注入HttpClient
  8.   constructor(private http: HttpClient) {}
  10.   ngOnInit(): void {
  11.     // 发送get请求
  12.     this.http.get('/api/homead').subscribe(data => {
  13.       console.log(data)
  14.     },
  15.     //请求错误
  16.     err => {
  17.       console.log('Something went wrong!'); 
  18.     });
  19.   }
  20. }

代理设置

  1. //在项目根目录下创建 proxy.conf.json
  2. {
  3.     "/api": {
  4.         "target": "http://localhost:3001/",
  5.         "changeOrigin": true, 
  6.         "logLevel": "debug"
  7.     }
  8. }

修改package.json

  1. "start": "ng serve --proxy-config proxy.conf.json",