Angular 10：部门-1.jpg：1 GET http：// localhost：4200 / assets / img / departments-1.jpg 404未找到

如何解决Angular 10：部门-1.jpg：1 GET http：// localhost：4200 / assets / img / departments-1.jpg 404未找到

我有一个有关angular10的项目。我创建了一个表单，在其中通过wep api将用户数据插入数据库中。出于数据库目的，我使用了microsoft sql server managment

我尝试了一些类似的问题，但对我没有帮助

在vs代码中，我没有收到任何错误。在开发人员控制台中，有很多错误。请查看错误here

项目结构

用户（模块）->报告（组件）

report.component.html

<div class="container mt-5">
    <div class="row">
        <div class="col-xs-6 col-md-6 col-lg-6" *ngIf="!submitted">
            <form>
                <fieldset>
                    <span style="font-size: 20px;" class="badge badge-info ">Create your Medical Report::</span>
                
                  <div class="form-group">
                    <label class="col-form-label" for="inputDefault">Name::</label>
                    <input
                    type="text"
                    class="form-control"
                    id="name"
                    required
                    [(ngModel)]="report.name"
                    name="name"
                    placeholder="Enter your name"
                  />
                  </div>

                  <div class="form-group">
                    <label class="col-form-label" for="inputDefault">Email::</label>
                    <input
                    type="text"
                    class="form-control"
                    id="email"
                    required
                    [(ngModel)]="report.email"
                    name="email"
                    placeholder="Enter your name"
                  />
                  </div>

                  <div class="form-group">
                    <label class="col-form-label" for="inputDefault">date::</label>
                    <input
                    type="text"
                    class="form-control"
                    id="date"
                    required
                    [(ngModel)]="report.date"
                    name="date"
                    placeholder="Enter your name"
                  />
                  </div>

                  <div class="form-group">
                    <label class="col-form-label" for="inputDefault">Age::</label>
                    <input
                    type="text"
                    class="form-control"
                    id="age"
                    required
                    [(ngModel)]="report.age"
                    name="age"
                    placeholder="Enter your name"
                  />
                  </div>

                  <div class="form-group">
                    <label class="col-form-label" for="inputDefault">Mobile Number::</label>
                    <input
                    type="text"
                    class="form-control"
                    id="mobile"
                    required
                    [(ngModel)]="report.mobile"
                    name="mobile"
                    placeholder="Enter your name"
                  />
                  </div>

                  <div class="form-group">
                    <label for="exampleTextarea">Your Diagnoised Result::</label>
                    <input
                    type="text"
                    class="form-control"
                    id="result"
                    required
                    [(ngModel)]="report.result"
                    name="result"
                    placeholder="Enter your name"
                  />
                  </div>
                
                  <button  (click)="saveTutorial()" type="submit" class="btn btn-primary btn-lg">Submit</button>
                  <button type="reset" class="btn btn-danger btn-lg ml-1">Reset</button>
                </fieldset>
              </form>
        </div>

care.service.ts

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';

const baseUrl = 'http://localhost:53367/api/reports';


@Injectable({
  providedIn: 'root'
})
export class CareService {

  constructor(private http: HttpClient) { }

  getAll(): Observable<any> {
    return this.http.get(baseUrl);
  }

  get(id): Observable<any> {
    return this.http.get(`${baseUrl}/${id}`);
  }

  create(data): Observable<any> {
    return this.http.post(baseUrl,data);
  }

  

 

}

app.module.ts

import { browserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { MatButtonModule } from '@angular/material/button';
import {FrontPageModule } from './front-page/front-page.module';
import { UserModule } from './user/user.module';
import { AdminModule } from './admin/admin.module';
import { AppComponent } from './app.component';
import { browserAnimationsModule } from '@angular/platform-browser/animations';
import { MatSliderModule } from '@angular/material/slider';
import { HeaderComponent } from './header/header.component';
import { FooterComponent } from './footer/footer.component';
import { AppRoutingModule } from './app-routing.module';
import { from } from 'rxjs';
import { PageNotFoundComponent } from './page-not-found/page-not-found.component';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';


@NgModule({
  declarations: [
    AppComponent,HeaderComponent,FooterComponent,PageNotFoundComponent
  ],imports: [
    browserModule,browserAnimationsModule,MatButtonModule,MatSliderModule,FrontPageModule,AdminModule,UserModule,AppRoutingModule,CommonModule,FormsModule,HttpClientModule
 
  ],providers: [],bootstrap: [AppComponent]
})
export class AppModule { }

谢谢