This sample demonstrates a simple single page application that is hosted on Azure Storage. The site returns a different Azure Functions logo whenever the site is refreshed. The SPA calls APIs that are served from Azure Functions. Proxies are used to route the site root to the SPA and also provide access to the
Create a new public container in an Azure Storage account. Copy the files in the ContentFiles folder to this container.
Add a CORS setting for your storage account:
- Add a CORS rule for your storage account domain name
- OR delete all CORS rules in the Function App, and add a rule for
Deploy to Azure
- For the
storageUrlAndContainerparameter, use the path to your storage account, including the container name, such as
repoUrl, use either
https://github.com/Azure-Samples/functions-js-spaor URL of your fork of the sample.
- For the
Navigate to the root of your Function App (https://yourappname.azurewebsites.net/), and you will see the HTML page that is hosted on Azure Storage.
To learn more about Azure Functions Proxies, see the following: