部署在Azure静态Web Apps的React应用无法在笔记本浏览器加载的求助

我把一个React Web App部署到了Azure静态Web Apps的免费层，还绑定了自定义域名。目前用手机端的Safari和Chrome浏览器都能正常访问网站，但用笔记本电脑的Edge或Chrome浏览器打开时，却一直显示“无法访问此网站”。

本地开发阶段，我用笔记本的Chrome浏览器是能正常预览页面改动的，但部署到Azure之后就出现了这个跨设备的访问差异问题。

我要访问的网站是：thephysioai.com

以下是我的React应用中用于配置的index.html代码：

<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
  name="description"
  content="Physio-AI"
/>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo.png"/>
<!-- Open Graph Meta Tags -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta property="og:title" content="PhysioAI" />
<meta property="og:description" content="Your personalized physiotherapy companion powered by AI." />
<meta property="og:image" content="%PUBLIC_URL%/logo.png" />
<meta property="og:url" content="https://thephysioai.com" />
<meta property="og:type" content="website" />

<!--
  manifest.json provides metadata used when your web app is installed on a
  user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!--
  Notice the use of %PUBLIC_URL% in the tags above.
  It will be replaced with the URL of the `public` folder during the build.
  Only files inside the `public` folder can be referenced from the HTML.

  Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
  work correctly both with client-side routing and a non-root public URL.
  Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>PhysioAI</title>

备注：内容来源于stack exchange，提问作者Mahbub Rahman