Angular 4访问IIS中资产下的json文件

Question

我正在开发通过CLI构建的Angular 4应用程序，而后端API仍在开发中，我已经在Assets文件夹下为http.get设置了一些json文件。一切在我的本地设备上都运行良好，但是当我部署到IIS时，在开发工具的“网络”选项卡中，尝试访问json文件时会看到404。我在代码中设置URL的方式是硬编码“ assets / api / manager / model.json”。我通过运行npm build --prod构建了项目，并复制了dist文件夹中的内容。在构建后，我确实在dist下看到assets / api / manager / model.json文件。我看到在IIS上托管时，有多种方法可以对路由进行调整，我已经尝试了所有方法（我认为），但似乎无法使其正常工作。

以下是http.get代码

  private assignTasksViewModelUrl = 'assets/api/manager/model.json';
   getTaskAssignmentViewModel(): Observable<AssignTasksViewModel> {

    return this.http.get(this.assignTasksViewModelUrl)
            .map((response: Response) => <AssignTasksViewModel>(this.extractDate(response)))
            .do(data => console.log(JSON.stringify(data)))
            .catch(this.handleError);
  }

Answer 1

为我添加作品。只是提醒一下，标签应在内部：

<system.webServer>
   ...
   <staticContent>
      <remove fileExtension=".json" />
       <mimeMap fileExtension=".json" mimeType="application/json" />
   </staticContent>
   ...
</system.webServer>

另一种方法是转到IIS管理器向其添加MIME类型。

转到IIS管理器->打开您的网站->单击右侧的“功能视图”选项卡-> MIME类型（双击）->操作：添加（右侧）->文件扩展名：。 json，MIME类型：application / json。