轻贸云PWA 在苹果系统里装不上的问题解决
发表于 ・ 轻贸云日志
根因:演示站(以及主站)的 /manifest.webmanifest 被服务器当成了 application/octet-stream 下发而 macOS 的 Chrome/Edge 只认application/manifest+json,所以不把它当可安装 PWA,地址栏没安装图标、菜单里也没有「安装应用」。
修复(在 1Panel 的 Nginx 上配一处,demo 站必改,主站同病建议一并改):
登录 1Panel → 左侧「网站」→ 点演示站站点(demo.lancker.cn)→ 进「配置」标签。
有两种入口,选一个:
1、伪静态(推荐,1Panel 会把这段注入到 server 块里):粘贴下面这段 → 保存:
plaintext
location ~* /manifest\.webmanifest {
default_type application/manifest+json;
}2、或者「配置文件」里在 server { ... } 内手动加同样这一段。
保存后 1Panel 会重载 Nginx。可用这个命令验证是否生效(你本地能通 demo 的话):
curl -sI https://demo.lancker.cn/manifest.webmanifest | grep -i content-type
看到 Content-Type: application/manifest+json 就对了。
修好之后在苹果上怎么装:
macOS(Chrome / Edge):打开 demo.lancker.cn → 地址栏右侧出现「安装」图标(或右上角 ⋮ 菜单 →「将此站点安装为应用」)→ 点一下即装到「应用程序/启动台」。
iPhone / iPad:第三方浏览器(Edge、Chrome)装不了 PWA,必须走 Safari:用 Safari 打开 demo.lancker.cn → 点底部共享按钮(方框↑) → 选「添加到主屏幕」→ 确认。
注意无痕/隐私模式下这一项是禁用的,要用普通模式。
发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。