在 angular 中使用 Json 文件时会引发 404 错误？

如何解决在 angular 中使用 Json 文件时会引发 404 错误？

import { Component,OnInit } from '@angular/core';
import { Players } from './players'
import { HttpClient } from '@angular/common/http'
@Component({
  selector: 'app-json-with-search',templateUrl: './json-with-search.component.html',styleUrls: ['./json-with-search.component.scss']
})
export class JsonWithSearchComponent implements OnInit {
  player: Players[];
  constructor( private http:HttpClient) { }

  ngOnInit(): void {
    this.http.get('/sample.json').subscribe((result)=> {
      //this.player = result;
      console.log(result)
    },(error)=> {
      console.log(error)
    })
  }

}

这是我的代码

我试图从本地 json 文件中获取数据，但它返回 404 错误

有人能帮我解决这个问题吗？