Azure 静态 Web 应用程序不尊重 staticwebapp.config.json

Question

我正在使用 Azure 静态 Web 应用 (SWA) 测试一个简单的 html 页面，并希望实现 IP 限制，以便我只能查看该站点。我还有一个简单的 Azure DevOps 任务来推送该项目。

问题是，虽然管道输出显示任务查找并读取 swa.config.json 文件，但仍然可以从除我自己的 IP 之外的其他 IP 访问该站点。即使我将 allowedIpRanges 设置为空列表 [""]，该网站仍然可以访问，尽管这不应允许任何 IP 访问该网站。

我的项目结构:

project_folder/
|    - index.html
|    _ staticwebapp.config.json

我的 staticwebapp.config.json:

{
  "networking": {
    "allowedIpRanges": ["MY_IP"]
  }
}

Azure DevOps 任务:

- task: AzureStaticWebApp@0
  inputs:
    workingDirectory: $(System.DefaultWorkingDirectory)/project_folder/
    app_location: /
    output_location: ''
    is_static_export: true
    skip_app_build: true
    skip_api_build: true
    verbose: true
    azure_static_web_apps_api_token: $(SWA_DEPLOYMENT_TOKEN)

管道输出:

Verbose logging enabled
Build timeout not specified, defaulting to 15 minutes
App Directory Location: '/' was found.
Looking for event info
Event info parsed from action options.
Skipping step to build /working_dir with Oryx
Found staticwebapp.config.json file: 'staticwebapp.config.json'
Didn't find Oryx manifest file under location: /a2b4be88-c84d-41ed-acfe-2f2c9b2f87b1-swa-oryx/app-manifest/oryx-manifest.toml
Determined default file to be: index.html
Using 'staticwebapp.config.json' file for configuration information, 'routes.json' will be ignored.
No Api directory specified. Azure Functions will not be created.
Either no Api directory was specified, or the specified directory was not found. Azure Functions will not be created.
Zipping App Artifacts
App Zip will be created from directory: /working_dir
Done Zipping App Artifacts
Uploading build artifacts.
Skipping function upload as functions are identical to last successful deployment.
Finished Upload. Polling on deployment.
Status: InProgress. Time: 0.057026(s)
Status: Succeeded. Time: 15.225704(s)
Deployment Complete :)
Visit your site at: https://asdf.azurestaticapps.net
Thanks for using Azure Static Web Apps!
Exiting
Finishing: AzureStaticWebApp

Answer 1

我尝试使用以下步骤重现相同的结果，并得到了预期的结果。

第 1 步:初始化存储库并添加 index.html 和 staticwebapp.config.json 文件。

staticwebapp.config.json:

{
  "routes": [
    {
      "route": "/*",
      "serve": "/index.html",
      "statusCode": 200
    }
  ],
  "navigationFallback": {
    "rewrite": "/index.html",
    "statusCode": 200
  },
  "networking": {
    "allowedIpRanges": [
      "49.204.176.183/32"
    ]
  }
}

在上面的配置文件中，networking下的49.204.176.183是我的公共(public)IP地址。如果您允许单个 IP，请使用 /32 CIDR block 。

请参阅网络部​​分in this ms doc了解更多信息。

第 2 步:创建并运行管道并验证 Web 应用程序是否可访问。下面是管道中的 azure 静态 webapp 任务。

- task: AzureStaticWebApp@0
  inputs:
    workingDirectory: 
    app_location: '/'
    skip_app_build: true
    skip_api_build: true
    is_static_export: true
    verbose: true
    azure_static_web_apps_api_token: '$(SWA_DEPLOYMENT_TOKEN)'

第 3 步:现在将 IP 地址更改为任何其他地址并运行管道以验证所应用的网络配置。