时间戳

首页 > 解决方案 > 通过 azure 管道部署 Nuxt webapp

vue.js - 通过 azure 管道部署 Nuxt webapp

问题描述

我已经感谢任何阅读本文的人。我在尝试以正确的方式部署 Nuxt 应用程序时偶然发现了一些问题。出于测试目的，我创建了一个全新安装的 Nuxt 应用程序，因此我确信我的代码库没有任何问题。我的最终目标是将我所有的 nuxt 代码推送到 github，然后从 azure 部署管道中获取并生成所需的构建文件并将它们拖放到 webapp 服务并运行所需的启动命令。没有关于 Azure 的文档可找到，这对我来说真的很烦人。我不习惯通过管道部署东西，但需要它才能为这个项目工作。

有没有人通过 Github -> Azure 管道 -> 构建 -> Web 应用程序立即运行来体验 Nuxt 和部署

我已经尝试过的是将所有源代码推送到由 azure 管道获取的存储库。管道唯一要做的就是将代码粘贴到 wwwroot 文件夹中。这显然不足以使应用程序自动运行。

我期望的是通过 github/bitbucket 对 nuxt 和 azure 部署有经验的人的一些见解（并没有真正的区别）

标签： vue.jsgithubazure-devopsazure-pipelinesnuxt.js

解决方案

您必须配置管道以构建 nuxt 文件并部署它们。通常可以通过 npm 命令实现第一步，npm install然后npm run build.

有几种不同的方式来部署它们，您必须根据您的用例和环境来决定。您可以创建一个指向为 blob 提供服务的 CDN 的端点，压缩构建的文件并发布工件，然后由发布管道使用，等等。创建下一个文件后，您就拥有了部署所需的一切。

推荐阅读