如何解决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>
    <div>
        <div*ngIf="!submitted">
            <form>
                <fieldset>
                    <span>Create your Medical Report::</span>
                
                  <div>
                    <labelfor="inputDefault">Name::</label>
                    <input
                    type="text"id="name"
                    required
                    [(ngModel)]="report.name"
                    name="name"
                    placeholder="Enter your name"
                  />
                  </div>

                  <div>
                    <labelfor="inputDefault">Email::</label>
                    <input
                    type="text"id="email"
                    required
                    [(ngModel)]="report.email"
                    name="email"
                    placeholder="Enter your name"
                  />
                  </div>

                  <div>
                    <labelfor="inputDefault">date::</label>
                    <input
                    type="text"id="date"
                    required
                    [(ngModel)]="report.date"
                    name="date"
                    placeholder="Enter your name"
                  />
                  </div>

                  <div>
                    <labelfor="inputDefault">Age::</label>
                    <input
                    type="text"id="age"
                    required
                    [(ngModel)]="report.age"
                    name="age"
                    placeholder="Enter your name"
                  />
                  </div>

                  <div>
                    <labelfor="inputDefault">Mobile Number::</label>
                    <input
                    type="text"id="mobile"
                    required
                    [(ngModel)]="report.mobile"
                    name="mobile"
                    placeholder="Enter your name"
                  />
                  </div>

                  <div>
                    <label for="exampleTextarea">Your Diagnoised Result::</label>
                    <input
                    type="text"id="result"
                    required
                    [(ngModel)]="report.result"
                    name="result"
                    placeholder="Enter your name"
                  />
                  </div>
                
                  <button  (click)="saveTutorial()" type="submit">Submit</button>
                  <button type="reset">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 { }

谢谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

$image = addslashes(file_get_contents($_FILES[''postimage''][''tmp_name'']));

echo ''<img src="data:image/jpg;base64,''.base64_encode( $row[''post_img''] ).''"/>'';

BASE_DIR = Path(__file__).resolve().parent.parent
TEMPLATE_DIR = os.path.join(BASE_DIR,''templates'')
MEDIA_DIR = os.path.join(BASE_DIR,''media'')

MEDIA_URL = ''/media/''

MEDIA_ROOT = MEDIA_DIR

CKEDITOR_JQUERY_URL = ''https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js''
    CKEDITOR_UPLOAD_PATH = ''uploads/''


CKEDITOR_CONfigS = {
''default'': {
    ''extraPlugins'': ''codesnippet'',''toolbar'': ''full'',''height'': 300,''width'': ''100%'',''contentsCss'': ''img {max-width: 100%;height: auto! important;}'',},