如何避免将json-server与Angular结合使用

Question

我创建了一些JSON文件并将其存储在资产文件夹中。 但是我无法访问那些JSON文件，因此我正在使用json-srever。但我想避免使用json-server并从资产文件夹访问文件。我需要使用.htaccess文件并将其存储在dist文件夹中吗，因为每当我尝试访问JSON文件时，其给出的页面未找到就会直接指向http://localhost:3000/assets/bill 。请问我是否需要一些东西。

这是我遇到的错误：

错误：“未找到”

标头：对象{normalizedNames：Map（0），lazyUpdate：空，lazyInit：lazyInit（）  }

消息：“ http://localhost:3000/assets/bill.json的Http错误响应：404未找到”

名称：“ HttpErrorResponse”

好：错误

状态：404

statusText：“未找到”

url：“ http://localhost:3000/assets/bill.json” ** 代码：

 POST_DATA(data) {
  let url = "http://localhost:8000/bill";//This is how I'm using
  let headers = new HttpHeaders({'Content-Type':'application/json'})
  return this.http.post(url,data,{headers:headers})
}




POST_DATA(data) {
      let url = "assets/bill";//This is how I want to use
      let headers = new HttpHeaders({'Content-Type':'application/json'})
      return this.http.post(url,data,{headers:headers})
    }

我的文件夹目录：

路线文件夹包含：   REST API的

src 文件夹包含      角度代码

Dist文件夹应该在根目录中吗？

Answer 1

您必须将路径/ URL更改为"src/assets/.."