Azure API 网关和 Web 应用程序 - 如何提供 CSS、JS 和图像？答案

【问题标题】：Azure API Gateway and Web Apps - how to serve CSS, JS and images?Azure API 网关和 Web 应用程序 - 如何提供 CSS、JS 和图像？
【发布时间】：2020-03-11 20:04:16
【问题描述】：

我有一个使用 ASP.NET MVC 为常规站点提供服务的网站，并且还充当具有返回 JSON 的资源的 API。

由于网关提供的所有功能，我选择将此网站/API“隐藏”在 Azure API 网关后面。

在必须提供图像、javascript 和 CSS 时，我面临着挑战。

网关有一个基本网址：api.mysite.com

网站/API 具有以下 API URL 后缀：api.mysite.com/wixplugin

通过API访问页面时，例如：

api.mysite.com/wixplugin/landingpage

该页面尝试提供来自 API 基本 URL 的内容，例如：api.mysite.com/Scripts/jquery.js

问题在于，API 网关不知道它实际上应该从网站/API 获取内容。

我能做些什么来克服这个问题？

【问题讨论】：

标签： asp.net-mvc azure-api-management api-gateway

【解决方案1】：

查看策略以重写您的网站生成的响应中的 url，以便它们指向您的网关主机。这是专门为此设计的政策：https://docs.microsoft.com/en-us/azure/api-management/api-management-transformation-policies#MaskURLSContent。或者您可以使用更通用的查找和替换策略。

【讨论】：

【解决方案2】：

我在 Azure API 管理 (APIM) 后面托管 Web 服务时也遇到了问题。

我通过将 APIM 前端部分中的 URL 从 / 更改为 /* 来解决此问题。并且还在出站策略中添加<redirect-content-urls />。

【讨论】：