Copy 指令在打包部署之后无法使用
Copy 指令 采用 useClipboard 实现,用于复制内容到剪贴板
剪贴板 API 兼容性
- 剪贴板 API(如
navigator.clipboard)在部分浏览器中只有在HTTPS或localhost下才可用。 - 如果你部署到服务器后用
HTTP访问,很多现代浏览器会禁用剪贴板 API,导致isSupported.value为false
解决建议
- 确保使用
HTTPS访问 :将你的站点配置为HTTPS,绝大多数浏览器只在HTTPS下开放剪贴板 API。 - 检查浏览器兼容性 :确保你用的浏览器版本支持剪贴板 API。可以在 MDN 文档 查看兼容性。
- 本地开发和生产环境差异 :本地开发通常是
localhost,浏览器会放宽安全限制;生产环境如果不是HTTPS,API 就不可用。
临时方案
- 如果暂时无法上
HTTPS,可以考虑降级使用document.execCommand('copy')作为兼容方案,但该方法已被废弃且未来可能无法使用
nuyoah