Base64编码Web Manifest的start_url无效问题排查

• 核心原因：data URI作为manifest来源时，基准URL不是站点根
  当你用data:application/manifest+json;base64,...方式嵌入manifest时，浏览器会把这个data URI本身作为manifest的基准URL，而非当前页面的站点URL。此时你设置的相对路径"/"会被解析成相对于data URI的路径，而非站点根，因此被判定为无效URL。

• 验证方式
  你可以在浏览器开发者工具的Application面板里查看Manifest的start_url实际解析结果，会发现它并非你期望的站点根，而是基于data URI生成的无效路径。

• 解决办法
  在./src/server/index.tsx里生成manifest时，把start_url设置为完整的绝对URL（例如https://your-domain.com/）。服务端可以直接获取站点的完整域名和协议，拼接成绝对路径后再生成Base64字符串。

  简单的生成逻辑示例：

  async function generateManifestBase64(siteData) {
    const manifest = {
      start_url: `${siteData.protocol}://${siteData.domain}/`, // 用服务端获取的站点完整根URL
      // 其他manifest字段...
    };
    const jsonStr = JSON.stringify(manifest);
    return Buffer.from(jsonStr).toString('base64');
  }
  

内容的提问来源于stack exchange，提问作者Anthony Bias