早前，楼主分享了【Azure静态Web应用】真香，免费囤货个人站点，现在【Azure静态Web应用】再次与时俱进，原生运行.Net5/6 Blazor PWA站点，充分发挥WebAssembly技术。日前，楼主再次查看微软文档、实地操作后，再次发现，主站点可原生部署Azure Function函数应用Api，许多后端数据可以走api和数据库层交互，实时渲染表现层。

图片

通俗的说：在一个Azure Static Web Apps【Azure静态Web应用】，可以部署两个项目：一个Blazor主应用，另一个API（可选Azure Function函数应用），Azure工作流会自动同时部署两项目，路由也是走内部，非常简便。

图片

【将API发布到Azure静态Web应用】操作演示教程：

https://docs.microsoft.com/zh-cn/learn/modules/publish-static-web-app-api-preview-url/

以往，纯前端和API交互是跨域请求，而【Azure静态Web应用】改变了这个现状，现在直接让Blazor PWA在同域下调用API，让API去获取数据操作。

图片

比如在网页上按钮触发一个api，在浏览器F12网络请求，可以清楚的看到这个同域的api请求，无需分开端口号请求。

图片

感兴趣的小伙伴，也欢迎上车：技巧：微软Azure原生升级.NET 5.0+Blazor PWA网页

【阅读原文】