插入新数据后，PHP API无法正常工作

Question

我创建了一个php API，以便在我的有角项目中进行粗体操作。 api在开发环境（localhost-xampp服务器）中运行良好。但是将其托管在bluehost网络服务器api中后无法正常工作。

我尝试打开页面重新加载。但我也没用api仅在ctrl + f5刷新后才能工作。

这是我的前端角度代码-> style.insert.component.ts

//Method For View Style Data
  viewStyleDetails() {
    this._db.viewStyleData().subscribe((result: any) => {
      this.anyArray = [];
      this.styleDataList = [];
      this.anyArray = result;
      console.log(this.anyArray);
      this.anyArray.forEach(element => {
        this.styleDataList.push(element as StyleDetails);
      });
    });
  }

数据库服务代码-> database.service.ts

viewStyleData() {
    return this._http.get(this.commonUrl + "viewAllStyleDetails.php").pipe(map(res => res));
  }

查看所有php api代码-> viewAllStyleDetails.php

<?php
    include "Crud.php";
    $crud= new Crud();
    $query="SELECT * FROM style_details";
    $data=$crud->getData($query);
    echo json_encode($data);
?>

我想在不刷新网页的情况下运行php api代码。 php api必须返回数据库中的所有可用数据，而无需刷新php api文件。