💻 项目情况与问题排版 (Project Status and Issue Formatting)

一、项目背景与初始设计 (Background and Initial Design)

您的项目是在云端搭建了一个平台 (Cloud Platform),集成了多个传感器控制程序。

  • 平台架构 (Platform Architecture):
    • 云端 (Cloud):核心平台和控制逻辑。
    • 客户端 (Client):用户笔记本电脑 (Laptop),运行浏览器。
  • 通信需求 (Communication Requirements):
    • 主要目标:通过串口通信 (Serial Communication) 控制传感器进行数据采集 (Data Acquisition)。
  • 初始设计 (Initial Design):
    1. 访问 (Access): 笔记本通过浏览器访问云端平台网站。
    2. 脚本推送 (Script Push): 云端将 JavaScript 脚本 (JavaScript Scripts) 推送 (Pushed) 到笔记本上。
    3. 串口连接与控制 (Serial Connection and Control): 笔记本利用 Web Serial API 连接本地串口,与传感器进行通信和控制。
    4. 数据回传 (Data Feedback): 采集到的数据返回 (Returned) 到云端。

二、当前遇到的瓶颈 (Current Bottleneck)

由于新增了一个使用 HTTP 通信 (HTTP Communication) 的传感器,导致了安全策略限制问题。

  • 问题描述 (Issue Description):

    **出于安全考虑 (For security reasons)**,浏览器绝对禁止一个从服务器(例如 $https://your-app.com$)加载的网页,去直接访问或连接您本地局域网的另一个 IP 地址(例如 $http://192.168.1.89$)。

  • 策略限制 (Policy Constraints): 此限制主要受以下浏览器安全策略的阻止 (Blocked):

    1. 跨域资源共享 (Cross-Origin Resource Sharing, CORS)
    2. 混合内容 (Mixed Content) 策略
  • 本质问题 (Root Cause): 您试图从一个 **安全上下文 (Secure Context)**(云端 HTTPS 网站)发起的页面中,向一个 **不安全/本地上下文 (Insecure/Local Context)**(本地局域网的 $http://IP$ 地址)发起请求,这在现代浏览器中是严格禁止的。


  • 有什么解决办法吗?
举报· 1033 次点击
登录 注册 站外分享
9 条回复  
Becod 初学 2025-11-17 23:25:34
安全限制,没法绕过 用 electron 或者 tauri 封装一下吧
Becod 初学 2025-11-17 23:30:59
忘记了 cors ,所以局域网里面设置一下 Access-Control-Allow-Origin 看看 前提是局域网和云端都用 http 或者 https 或者用 websocket 可以参照一下 postman 是怎么处理这个的(本质上应该相同吧
cowiejulewbfwo 楼主 初学 2025-11-17 23:43:35
@Becod 问了 ai ,貌似也不行。 目前想的就是笔记本上跑个 python 代理程序,http 通信让 python 代理程序做。但是就得单独打开一个应用,烦得很,做这个平台的目的就是为了集成,结果搞不成。
caola 小成 2025-11-18 01:23:34
使用一个二级域名指向这个内网 IP,然后绑定这个域名和对应的 SSL ,例如 192-168-1-11.example.com ,可以提前解析所有的内网 IP
Puteulanus 初学 2025-11-18 01:49:30
好像有启动参数能关掉浏览器的跨域检查,就自己专项专用可以试试呗 https://medium.com/@beligh.hamdi/run-chrome-browser-without-cors-872747142c61 跑起来的浏览器别拿来干其他的就是了
ntedshen 小成 2025-11-18 02:39:25
根据 ip 段做的限制,你给本地做个公网的 ip 段其实也无所谓。。。
pingdog 初学 2025-11-18 03:07:35
参考下 localsend
StarUDream 初学 2025-11-18 09:06:55
PNA ,本地设备需要加下面这个头 ``` Access-Control-Allow-Private-Network: true ``` 或者在你本地搭建一个反向代理
wecgwm1998yichen 初学 2025-11-18 10:06:10
之前见过一个 web 项目也遇到过类似的问题,后面改成 windows 应用似乎就解决了
返回顶部