在 Azure Web 应用程序插槽中运行 Nuxt3 应用程序时出现问题

Question

使用 Nuxt2，我在 Azure 应用服务上部署或运行应用程序没有任何问题，但发现使用 Nuxt3 时遇到问题。我在 Nuxt3 上阅读的所有文档都提到了 Azure 静态 Web 应用程序，但没有提到 Azure Web 应用程序。尽管在导航到应用程序网址时收到此消息，但我在部署到我的开发槽时没有任何问题：

您没有权限查看此目录或页面。

监控应用程序日志没有显示任何内容。我确信这与我的应用程序设置/配置有关，尽管我无法理解它。

1. 部署到 Azure Web 应用程序的 Nuxt3 应用程序的后端配置与 Azure 静态 Web 应用程序的配置有何不同记录在此处？

Answer 1

我尝试从此

MS Document

在我的 Azure Web 应用程序 而不是 Azure 静态应用程序中部署 Nuxt Starter App，并且成功了，请参阅下文：-

我的 Azure Web 应用程序：-

操作系统：- Linux

运行时堆栈 - Node-18-lts

输出：-

在Azure Web App>配置>常规设置中添加了启动命令，以正确启动Azure Web应用程序中的Nuxt应用程序：-

npm run dev -- -o

Nuxt 应用程序已成功加载，如下所示：-

Azure Web 应用程序 Windows 操作系统出现权限错误，因为 NuxtJs 应用程序在加载时导致一些错误：-

在 Windows OS Azure Web 应用程序中部署之前，请确保在 package.json 中添加启动命令，如下所示：-

{
  "name": "nuxt-3-starter",
  "version": "1.0.0",
  "description": "My Nuxt 3 Test",
  "author": "Nuzhat Minhaz",
  "private": true,
  "scripts": {
    "start": "npm run dev -- -o",
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview"
  },
  "devDependencies": {
    "nuxt": "3.0.0-rc.6"
  }
}

我建议使用基于 Linux 的 Azure Web 应用程序进行上述 nuxtjs 部署。