无法使用Azure Pipleline在应用程序服务上部署NextJS应用程序

Question

我尝试使用Azure Pipeline将NextJS应用程序调整为AppService。第一个构建阶段和部署阶段。但是，当我在应用服务上转到console时，它不会创建web.config，当我访问URL时，它显示了类似的文本，例如：“ 您无权查看此目录或页面。” 我的应用程序在本地完美工作。

我做错了什么步骤？请帮助我，谢谢。

配置： AppService：OS-Windows，节点16 / 代理：OS Windows

# Node.js with React
# Build a Node.js project that uses React.
# Add steps that analyze code, save build artifacts, deploy, and more:
# https://learn.microsoft.com/azure/devops/pipelines/languages/javascript

trigger:
  branches:
    include:
    - master
    - releases/*
    - develop

pool: 'window-agent-fe'
stages:
  - stage: BuildStage
    jobs:
      - job: BuildJob
        steps:
        - task: CmdLine@2
          displayName: 'Instal Zip file Supported'
          inputs:
            script: 'sudo apt-get -y install zip'
        - task: NodeTool@0
          inputs:
            versionSpec: '16.x'
            checkLatest: true
          displayName: 'Install Node.js'
        - script: npm i --force
          displayName: 'Install Node Packages'
        - script: npm run lint
          displayName: Lint
        - script: npm run build
          displayName: 'Build'
        - task: ArchiveFiles@2
          inputs:
            rootFolderOrFile: '$(System.DefaultWorkingDirectory)/.next/'
            includeRootFolder: false
            archiveType: 'zip'
            archiveFile: '$(Build.ArtifactStagingDirectory)/$(Build.BuildId).zip'
            replaceExistingArchive: true
            verbose: true
        - publish: "$(Build.ArtifactStagingDirectory)"
          artifact: package
  - stage: 'DeployStage'
    dependsOn: BuildStage
    condition: succeeded()
    jobs:
      - deployment: 'DevDeployJob'
        environment: DEV
        strategy:
          runOnce:
            deploy:
              steps:
                - download: current
                  displayName: Download build file
                  artifact: package
                - task: AzureRmWebAppDeployment@4
                  inputs:
                    ConnectionType: 'AzureRM'
                    azureSubscription: '***********'
                    appType: 'webApp'
                    WebAppName: 'fpt-capstone-client'
                    packageForLinux: '$(System.WorkFolder)/1/package/$(Build.BuildId).zip'
              

错误页面来自日志流：

Answer 1

“ 您无权查看此目录或页面。”

img src =“ https://i.sstatic.net/kcwov.png” alt =“ alt =“ enter image description”>在这里

< 解决问题以解决问题：

• 问题发生了，因为如果我们没有添加任何 server.js 或 web.config 文件。

• 在您的 package.json 文件中，请确保添加以下代码。

   “脚本”：{
      “ dev”：“ next”，
      “构建”：“下一个构建”，
      “开始”：“下一个开始-p $ port”，
      “现在建造”：“下一个构建”
   

  而不是上面您可以使用以下。

   “脚本”：{
      “ dev”：“ node server.js”，
      “构建”：“下一个构建”，
      “ start”：“ node server.js”，
      “现在建造”：“下一个构建”
      }
   

  

• 在部署您的 nextjs 应用程序中， web.config root目录中的文件。请参阅在这里
  

• 在您的 server.js 文件中，如果您正在使用

    const port = parseint（process.env.port，10）|| 3000;
   

  此尝试像以下

  那样更改它

    const port = process.env.port || 3000;
   

  

• 如果在Azure App服务中部署后仍面临问题。尝试更改您的 虚拟应用程序和目录 物理路径 喜欢\ site \ site \ wwwroot \ wwwroot \进入您的某些着陆页，例如\ site \ wwwroot \ pages \ index.html
  

• ” azure-app-service/“ rel =” nofollow noreferrer”>在Azure App Service上的下一个JS部署