你当前正在访问 Microsoft Azure Global Edition 技术文档网站。 如果需要访问由世纪互联运营的 Microsoft Azure 中国技术文档网站，请访问 https://docs.azure.cn。
使用 Azure Static Web Apps 配置前端框架和库
Azure 静态Web 应用要求在前端框架或库的生成配置文件中具有适当的配置值。
配置
下表列出了一系列框架和库的设置1。
表中各列的作用通过以下项进行说明：
- 输出位置（应用项目位置）：列出其
output_location值，它是 生成的静态网站文件的文件夹。 - API 项目位置（api 位置）：列出其
api_location值，即包含需要服务器端托管的框架的已生成托管 Azure Functions 的文件夹。 - 自定义生成命令：当框架需要不同于
npm run build或npm run azure:build的命令时，可以定义自定义生成命令。
注意
一些具有服务器端呈现功能的 Web 框架，可部署到 Azure 静态Web 应用。 这意味着你的应用内置于静态资产和 Azure Functions 文件中。 在配置文件中，静态资产映射到 输出位置 ，Azure Functions 文件映射到 API 项目位置。
| 框架 | 输出位置 （应用项目位置） | API 项目位置 | 自定义生成命令 |
|---|---|---|---|
| Alpine.js | / |
不适用 | n/a 2 |
| Angular | dist/<APP_NAME>/browser |
不适用 | 不适用 |
| Astro | dist |
不适用 | 不适用 |
| Aurelia | dist |
不适用 | 不适用 |
| Backbone.js | / |
不适用 | 不适用 |
| Blazor （WASM） | wwwroot |
n/a |
不适用 |
| Ember | dist |
不适用 | 不适用 |
| Flutter | build/web |
不适用 | flutter build web |
| Framework7 | www |
不适用 | npm run build-prod |
| Glimmer | dist |
不适用 | 不适用 |
| HTML | / |
不适用 | 不适用 |
| Hugo | public |
不适用 | 不适用 |
| Hyperapp | / |
不适用 | 不适用 |
| JavaScript | / |
不适用 | 不适用 |
| jQuery | / |
不适用 | 不适用 |
| KnockoutJS | dist |
不适用 | 不适用 |
| LitElement | / |
不适用 | 不适用 |
| Mithril | / |
不适用 | 不适用 |
| Next.js（静态 HTML 导出） | out |
不适用 | 不适用 |
| Next.js （混合渲染） | / |
不适用 | 不适用 |
| Nuxt 2 | / |
不适用 | 不适用 |
| Nuxt 3 | output/public |
output/server |
不适用 |
| Preact | dist |
不适用 | 不适用 |
| React | build |
不适用 | 不适用 |
| RedwoodJS | web/dist |
不适用 | yarn rw build web |
| 固体 | dist |
不适用 | 不适用 |
| 模具 | www |
不适用 | 不适用 |
| SvelteKit （静态） | build |
不适用 | 不适用 |
| SvelteKit | build/static |
build/server |
不适用 |
| Three.js | / |
不适用 | 不适用 |
| TypeScript | dist |
不适用 | 不适用 |
| Vue.js | dist |
不适用 | 不适用 |
1上表并未详尽列出与 Azure Static Web Apps 配合使用的所有框架和库。
2不适用