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

Question

我构建了一个Web应用程序，该应用程序具有Vue前端和Express后端。

我试图将它们托管在Azure Web App Service上，但是我是Azure的完整新手。 将客户端放置在一个Web应用程序中，将服务器端放置在另一个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

创建Web应用程序时，请选择Windows操作环境，因为当前选择Linux 不支持虚拟应用程序和目录。

目录结构应如下所示。

在门户网站中设置。

有关更多详细信息，您可以refer my answer in another post。