vue中 window.getScreenDetails 没有该属性?

作者站长头像
站长
· 阅读数 7

vue3 中使用 vue-cli-servicer编译后window.getScreenDetails 没有该属性,vue3 + vite 也是同样的 经过测试后使用localhost的方式来访问 是支持该API的,但是一旦具体到我的IP 就不支持http://localhost:8080/ 支持http://172.30.30.82:8080/ 不支持vue3+vue-cli下编译失败vue中 window.getScreenDetails 没有该属性?vite+vue3下正常vue中 window.getScreenDetails 没有该属性?

vue中 window.getScreenDetails 没有该属性?vue中 window.getScreenDetails 没有该属性?vue中 window.getScreenDetails 没有该属性?vue中 window.getScreenDetails 没有该属性?

新开的vue3+cli的

回复
1个回答
avatar
test
2024-07-08

该问题引发是因为google 认为当前网址不安全,于是就并没有挂载这个window属性,所有localhost或者127.0.0.1 是可以拿到 一旦具体到ip就不可以,解决方案,使用https来访问就可以了,本地可以搭建个证书,用nginx 加载SSL 这边推荐使用:mkcert 教程地址:https://www.jarods.org/1213.html

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容