同一 Azure Web 应用服务上的 Vue 前端和 Express 后端

Question

我已经构建了一个具有 Vue 前端和 express 后端的 Web 应用程序。

我正在尝试将这些托管在 Azure Web 应用服务上，但我是 Azure 的新手。 当我将客户端放在一个 Web 应用程序中而将服务器端放在另一个 Web 应用程序中时，我的 Web 应用程序工作正常。 我希望两者都在同一个网络应用程序中运行。 从网上研究看来我需要去：

my web app-> configuration-> path mappings ->Virtual applications and directories.

我使用虚拟路径“/app”和物理路径“site\app”创建了一个新应用程序。 我将后端部署（使用 Visual Studio 代码）到我的 azure Web 应用程序，因此它位于 wwwroot 内。 在 filezilla 中，我在站点目录中创建一个名为“app”的新文件夹，然后粘贴到我构建的 Vue 客户端。 但是，当我尝试导航到 www.myapp.azurewebsites.net/app 时，我没有看到预期的 Vue index.html 而是 404。如果我只是导航到 www.myapp.azurewebsites.net/，我会按预期从服务器端获得默认路由。

我做错了什么？

Answer 1

创建webapp时请选择Windows运行环境，因为目前选择Linux不支持虚拟应用和目录。

目录结构应如下所示。

在门户中设置。

更多详情，您可以refer my answer in another post。