Nuxt•2y ago

Deploying Nuxt3 as Static Web App in Azure

I am currently trying to deploy my Nuxt 3 application as a static web app in Azure. To set up the build and deployment I just used the default Azure suggestions for building a Nuxt 3 app (which is a predefined choice). However, during the build I get this error:

Failed to find a default file in the app artifacts folder (.output/public). Valid default files: index.html,Index.html.
If your application contains purely static content, please verify that the variable 'app_location' in your deployment configuration file points to the root of your application.
If your application requires build steps, please validate that a default file exists in the build output directory.

Failed to find a default file in the app artifacts folder (.output/public). Valid default files: index.html,Index.html.
If your application contains purely static content, please verify that the variable 'app_location' in your deployment configuration file points to the root of your application.
If your application requires build steps, please validate that a default file exists in the build output directory.

Build configuration:

app_location: "/"
api_location: ".output/server" 
output_location: ".output/public"

app_location: "/"
api_location: ".output/server" 
output_location: ".output/public"

In October 2022 people said that this didn't work because Static Web Apps didn't use a high enough node version, but the current node version my app is running now is Node 18 (which should be high enough?). Anyone know what to do here?

1 Reply

HelgiOP•2y ago

It seems I fixed it by adding: nuxt.config.ts

export default defineNuxtConfig({
  ...
  nitro: {
    preset: 'azure'
  }
  ...
});

export default defineNuxtConfig({
  ...
  nitro: {
    preset: 'azure'
  }
  ...
});

Gaming

Programming

Deploying Nuxt3 as Static Web App in Azure