生产环境上navigator.clipboard显示undefined。但是开启本地前端工程连上生产环境,本地发现是没有问题的,说明和浏览器的版本无关。
后来询问deepseek发现是因为navigator.clipboard 只能在安全上下文(HTTPS 或 localhost)中使用。如果生产环境是通过 HTTP 访问的,navigator.clipboard 会被禁用。
解决方法:可以将生产环境换成使用 HTTPS,也可以修改代码,代码里别的地方拷贝用了ngx-clipboard库,这里有问题的代码也修改成使用ngx-clipboard库。

  copy(content: string): void {
    this.clipboardService.copyFromContent(content);
    this.message.success(this.translate.instant('maas.copy_to_clipboard'));
  }
Logo

火山引擎开发者社区是火山引擎打造的AI技术生态平台,聚焦Agent与大模型开发,提供豆包系列模型(图像/视频/视觉)、智能分析与会话工具,并配套评测集、动手实验室及行业案例库。社区通过技术沙龙、挑战赛等活动促进开发者成长,新用户可领50万Tokens权益,助力构建智能应用。

更多推荐