将博客添加到在 Wordpress 上其他地方托管的 Azure Web 应用程序反向代理

如何解决将博客添加到在 Wordpress 上其他地方托管的 Azure Web 应用程序反向代理

我花了一段时间，但经过大量阅读和数小时的反复试验，我已经让我的 Azure Web 应用程序将 Wordpress 博客（托管在其他地方）显示为我的主站点的子目录。

为了节省其他人的时间，我在下面提供了一个工作示例。 （如果您想改进它，非常高兴）。

第 1 步 - 添加或编辑 applicationHost.xdt 文件

• 此文件位于 wwwroot 文件夹上方的“site”文件夹中。不是 wwwroot 文件夹本身，您的大部分文件都位于该文件夹中。
• 您需要在此之后重新启动服务器才能启动它，因为我知道它仅在服务器启动时读取一次

示例 这是整个文件

<configuration xmlns:xdt="http://schemas.microsoft.com/XML-Document-Transform">
    <system.webServer>
        <proxy xdt:Transform="InsertIfMissing" enabled="true" preserveHostHeader="false" reverseRewriteHostInResponseHeaders="false"/>
        <rewrite xdt:Transform="InsertIfMissing">
            <allowedServerVariables xdt:Transform="InsertIfMissing">
                <add name="HTTP_X_ORIGINAL_HOST" xdt:Transform="InsertIfMissing" xdt:Locator="Match(name)"/>
                <add name="HTTP_X_UNPROXIED_URL" xdt:Transform="InsertIfMissing" xdt:Locator="Match(name)"/>
                <add name="HTTP_X_ORIGINAL_ACCEPT_ENCODING" xdt:Transform="InsertIfMissing" xdt:Locator="Match(name)"/>
                <add name="HTTP_ACCEPT_ENCODING" xdt:Transform="InsertIfMissing" xdt:Locator="Match(name)"/>
            </allowedServerVariables>
        </rewrite>
    </system.webServer>
</configuration>

第 2 步 - 将规则添加到您的 Web.Config 文件

在您的 Web.config 文件中添加如下重写规则。

• blog.website.com 是您的 Wordpress 博客站点的实际公共 URL
• ^blog 是指您要在其中显示博客的主站点的子目录，例如 www.website.com/blog/

<system.webServer>
<rewrite>
      <rules>
        <clear />
     <rule name="Blog Proxy" stopProcessing="false">
          <match url="^blog(.*)$"   />
          <action type="Rewrite" url="https://blog.website.com{R:1}" appendQueryString="true" logRewrittenUrl="false" />
          <serverVariables>
              <set name="HTTP_X_UNPROXIED_URL" value="https://blog.nomadstays.co/{R:1}" />
              <set name="HTTP_X_ORIGINAL_ACCEPT_ENCODING" value="{HTTP_ACCEPT_ENCODING}" />
              <set name="HTTP_X_ORIGINAL_HOST" value="{HTTP_HOST}" />
              <set name="HTTP_ACCEPT_ENCODING" value="" />
          </serverVariables>
      </rule>
          </rules>
 </rewrite>
  </system.webServer>

第 3 步 - 在 Wordpress 常规设置中更改“站点地址（URL）”

新的站点地址将是：

• https://www.website.co/blog

这显示了主站点上带有 URL 的博客页面，这很好。例如 https://www.website.com/blog/really-cool-blog-post/

第 4 步（可选）- blog.website.com 上的 web.config 为了避免字体的跨域问题，我发现我必须将以下内容添加到子域上的 Web.config 文件中。在子域站点而不是主站点上重复。

 <httpProtocol>
  <customHeaders>
    <add name="Access-Control-Allow-Origin" value="*" />
    <add name="Access-Control-Allow-Headers" value="Origin,X-Requested-With,Content-Type,Accept" />
    <add name="Access-Control-Allow-Methods" value="POST,GET,OPTIONS,PUT,DELETE" />
    <add name="X-Content-Type-Options" value="nosniff" />
    <add name="Referrer-Policy" value="same-origin" />
    <add name="strict-transport-security" value="max-age=15552001; includeSubDomains; preload" />
  </customHeaders>
</httpProtocol>

希望这有帮助:)