web.config 通过 FTP 运行部署在 azure 应用服务上的 dist 文件夹

Question

我正在使用 Vue CLI 项目并希望通过 FTP 将 dist 文件夹部署到 Azure 应用服务，但我缺少 web.config 文件来运行我部署的 app 服务。

我正在尝试回答这个问题，但找不到 web.config 文件供我参考。

提前感谢您的回答。

Answer 1

FTP 部署不支持构建自动化，例如：

• 一代web.config
• 依赖关系恢复（例如 NuGet、NPM、PIP 和 Composer 自动化）
• .NET 二进制文件的编译

在本地机器上手动生成这些必要的文件，然后将它们与您的应用程序一起部署。

• 使用 URL 重写规则添加 web.config 文件

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
    <rewrite>
      <rules>
        <rule name="Handle History Mode and custom 404/500" stopProcessing="true">
          <match url="(.*)" />
          <conditions logicalGrouping="MatchAll">
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
          </conditions>
          <action type="Rewrite" url="/" />
        </rule>
      </rules>
    </rewrite>
  </system.webServer>
</configuration>

• Vue CLI 生成的项目配置为将 public 文件夹中的任何内容直接复制到 build output 目录（默认为 dist）。
• 将它放在 /public 中，然后在构建期间将它复制到 /dist。
• 我在 public 文件夹中创建了配置文件，运行npm run build后，web.config 文件被复制到 dist 文件夹。

• 创建web.config，在公用文件夹上右键-->添加新文件，命名为web。 配置并添加上述代码片段并保存。
• Go to Azure portal, your Web App =>Advanced Tools=>KUDU - Debug Console =>CMD => site=>wwwroot, check if web.config file exists or not.