This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(176, 11%, 27%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EP%3C/text%3E%3C/svg%3E)
how do I configure appsettings for blazor wasm apps deployed on azure static web apps?
I tried lots of different things. I'm trying to change different items based on the env it's deployed to.
Is there any really good guidance? The documentation is not good.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(128, 8%, 22%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EA%3C/text%3E%3C/svg%3E)
Hi pvanroos, could you please help confirm that whether you are trying to publish your application to Azure static web apps which might have several different app instances designed for different stages, therefore your configuration in appsettings.json might be different with each other, and you are now trying to find a way to do the configuration for different stages? Or you are now trying to publish your blazor wsam appplication to Azure static web apps, but the configuration used for testing locally is not compatible for running in Azure, so that you want to find a way to dynamically change the configuration in appsettings.json without re-deploying the app? Please correct me if I misunderstand your requirement.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(211.20000000000002, 61%, 30%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EBS%3C/text%3E%3C/svg%3E)
the app settings for blazor wasm is just the deployed wwwroot/appsettings.json file. your deployment or build system can create the correct file. Blazor WASM also support setting the env via the Blazor.Start javascript on the host page, or http header (blazor-environment) to define the environment.
to add a custom header to static web apps you configure its settings:
https://learn.microsoft.com/en-us/azure/static-web-apps/configuration#global-headers
This answer has been deleted due to a violation of our Code of Conduct. The answer was manually reported or identified through automated detection before action was taken. Please refer to our Code of Conduct for more information.
Comments have been turned off. Learn more