如何在 Azure 上部署 Vue（前端）和 Spring Boot（后端）应用程序（首选通过 Azure Pipelines）？答案

【问题标题】：How to deploy Vue (Front-End) & Spring Boot (Back-End) app on Azure (pref via Azure Pipelines)?如何在 Azure 上部署 Vue（前端）和 Spring Boot（后端）应用程序（首选通过 Azure Pipelines）？
【发布时间】：2019-12-12 14:57:17
【问题描述】：

我是 Azure 的新手，在 Internet 上找不到任何关于此的资源，尽管我认为这是一项常见任务。

我有一个 Vue.js 前端和 Spring Boot 后端。使用 JWT 进行身份验证。 Front 和 Back 是不同存储库中的两个独立项目。

现在，我希望整个部署在 Azure 上，最好通过一些由 Azure 存储库触发的 Azure 发布管道。

我应该在哪些 Azure 产品中部署这两个项目？他们应该都在一个单独的虚拟机中吗？另外，如何配置前端以使用后端的正确基本 url 以便它可以获取数据？

【问题讨论】：

标签： azure azure-pipelines

【解决方案1】：

您的前端应部署到 Azure 存储：

https://medium.com/@matthewleak/deploying-a-static-website-to-azure-storage-using-azure-devops-fa0bed457d07

你的spring boot可以部署在App Service上：

https://medium.com/microsoftazure/the-power-of-azure-devops-projects-for-java-apps-cda6c69bef0e

【讨论】：

感谢您的回答。您对我的问题的最后一部分有何建议：“另外，如何配置前端以使用后端的正确基本 URL 以便它可以获取数据？”。
baseUrl 将是您后端的 url。 XXXX.azurewebsites.net 或者如果你有一个域名，那么它就是你的域名example.com