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

标签 node.js azure azure-web-app-service

我构建了一个具有 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/我按照预期从服务器端获取了默认路由。

我做错了什么?

最佳答案

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

目录结构应如下所示。

enter image description here

门户中的设置。

enter image description here

了解更多详情,您可以refer my answer in another post .

关于node.js - 同一 Azure Web 应用服务上的 Vue 前端和 Express 后端,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63346246/

相关文章:

azure - 在 WebApp 中禁用快速失败保护

node.js - 如何在 phantomjs 中实现一个快速、可查询和持久的数据库?

node.js - AWS lambda 中的 Google Drive API

mysql - 如何在Loopback中创建数据 View 模型?

azure - Windows Azure 本地开发环境速度

Azure Web Api 401 - 未经授权 : Access is denied due to invalid credentials

node.js - 类型为 "string"的预期参数, "stdClass"给定错误

c# - Azure Key Vault "Reference Syntax"不执行任何操作

node.js - nodejs azure createBlockBlobFromLocalFile 超时

asp.net - 在 Azure 网站上启用 gzip 压缩