部署在Azure上的angular应用程序的JSON文件未正确加载

gblwokeq  于 2023-10-22  发布在  Angular
关注(0)|答案(1)|浏览(139)

我刚刚通过运行ng build --configuration=production将我的angular应用程序部署到azure上,然后我得到一个404错误,说它找不到我在assets文件夹中的json文件。

检查页面时出错:


服务器上存在的文件:

但我检查了部署的服务器文件,我可以看到那里的文件。
我在13.3.11中开发了这个。

2lpgd968

2lpgd9681#

  • 似乎是部署未正确完成或缺少任何文件。*
  • 尝试再次部署应用程序。
    按照以下步骤操作
  • 使用命令ng build构建项目,它会生成dist folder,其中包含部署所需的文件。

  • 将 * 生成的dist文件夹 * 部署到Azure App Service

  • 部署成功后,导航到Advanced Tools in App Service=>Go=>Opens KUDU site=>Debug Console=>cmd=>open site/wwwroot folder,确保项目文件可用,如下所示:

  • 复制*Project_Name***(my_angularapp如上图),导航到App Service=>Configuration=>PathMappings=> Virtual applications and directories,编辑 * 物理路径***site\wwwroot,在路径中添加**project_name**:

  • 运行应用程序(https://<your_AppService_name>.azurewebsites.net):*

相关问题