Typescript 如何从PWA中读取HTTP url中的内容而不获取;“混合内容”;错误

Typescript 如何从PWA中读取HTTP url中的内容而不获取;“混合内容”;错误,typescript,google-chrome,fetch,progressive-web-apps,mixed-content,Typescript,Google Chrome,Fetch,Progressive Web Apps,Mixed Content,我在React/Typescript中开发了一个渐进式Web应用程序(通过HTTPS url提供),该应用程序将在Chrome平板电脑上以脱机模式运行。它将用于从测量设备收集数据 其工作如下: 在平板电脑上运行测量设备制造商的应用程序,通过蓝牙读取设备采集的测量数据 该应用程序“呈现”/“提供”了url上的数据 因此,当您在平板电脑上使用浏览器导航到该url时,您会看到(纯文本或json)数据 我编写的React应用程序应该能够“读入”数据并进行处理 因此,我尝试通过编程从该url获取数据(

我在React/Typescript中开发了一个渐进式Web应用程序(通过HTTPS url提供),该应用程序将在Chrome平板电脑上以脱机模式运行。它将用于从测量设备收集数据

其工作如下:

  • 在平板电脑上运行测量设备制造商的应用程序,通过蓝牙读取设备采集的测量数据
  • 该应用程序“呈现”/“提供”了url上的数据
  • 因此,当您在平板电脑上使用浏览器导航到该url时,您会看到(纯文本或json)数据
  • 我编写的React应用程序应该能够“读入”数据并进行处理
因此,我尝试通过编程从该url获取数据(使用fetch调用),但是(当然)我得到了错误

混合内容:位于“”的页面通过HTTPS加载,但请求了不安全的资源“”。此请求已被阻止;内容必须通过HTTPS提供

我已经读了几篇关于CORS的文章,并试图解决这个问题,但我没有找到一个有效的解决方案

  • 无法通过HTTPS提供内容(制造商应用程序 通过HTTP提供服务,我无法在服务器端进行任何更改)
  • 编写一些我自己的后端服务器代码,从该url获取数据并将其提供(=传递)给我的应用程序是不可能的,因为我的应用程序应该脱机工作(因此无法访问后端)
  • 在开发模式中,我在url前面加上例如,它可以工作,但是a)这对于生产来说不是一个好的解决方案,b)不能脱机工作
  • 我的问题是:

  • 是否有可能绕过Chrome阻止混合内容
  • 如果是,鉴于上述情况,应如何做到这一点

  • 提前感谢您尝试提供帮助。

    HTTPS对于有效的PWA不是可选的。这是一个核心要求。所以我的第一个问题是“不”?是的。所有内容都应该是HTTPS。混合内容将导致更多通常不值得努力的工作。>>混合内容将导致更多通常不值得努力的工作。所以,这意味着这是可能的。我的第一个问题是“是”。那么我的第二个问题的答案是什么?>>所有内容都应该是HTTPS。我明白了,但我无法控制这一部分,你可以从我对我的情况的描述中看出这一点。数据由计量设备制造商在HTTP url上提供。应该可以在android设备上运行本地代理在HTTP和https之间进行转换-我正在为自己的项目研究它。