Windows+Android开发环境搭建：绕过权限陷阱的站点配置实战

　　第九版切图发出去三小时，前端在钉钉里回：“Android上白屏，Windows本地起不来，报ERR_ACCESS_DENIED。”我点开调试器看了一眼——就那个localhost:3000的响应头里，Referrer-Policy直接崩成乱码。不是配置错，是压根没读进去。

　　窗台上的绿萝死了半盆，叶子全耷拉着，但没人挪它。我原以为是webpack-dev-server版本太老，结果一查，是Windows服务端默认把localhost当成非安全上下文处理，连fetch都给拦在网关外。可Android Studio那边又认它是个合法源——两边互相不买账，偏偏卡在跨域那个preflight环节里打转。

　　色板里那个说不清的灰，十六进制是#9A9A9A，RGB算出来偏冷，设计师说是“呼吸感灰”，前端说“这色在三星S22上就是#9B9B9B”。我们俩盯着同个设计稿改间距，他调padding-top从12px拉到14px，我就在旁边敲命令行重跑dev server，手边数位笔的笔尖刚换过，软得过分，划线总飘。

　　谁在旁边刷短视频外放，《爱如火》副歌循环了十七遍。李工蹲在机柜后头插网线，插了三次才亮灯，我说你那线是不是弯多了？他说“接口松，不是线的事”。其实我早知道不是线的问题，是我们把proxy.config.js硬塞进了webpack 4的旧壳子里，而Android gradle plugin 7.2根本不管那一套——它只信manifest里的android:usesCleartextTraffic="true"，可这个属性Windows上不生效。优胜劣汰？对。活下来的不是配置最全的那个，是第一个敢删掉所有HTTPS强制重定向、手动加了--disable-web-security跑Chrome的人。

　　显示器有点色偏，右下角泛黄，调过三次Gamma，越调越糊。我翻出去年二月份的部署日志，里面有一行被高亮标记过：“Failed to bind 127.0.0.1:8080 — address already in use”。查了半小时，发现是Skype偷偷占着8080。删掉Skype？不行。产品王姐说“用户不会为开发环境卸载通讯软件”。所以最后方案是：把站点起在127.0.0.1:8099，再用hosts映射localhost→127.0.0.1，再让Android WebView loadUrl时传入自定义headers——绕了六层，就为骗过系统对“localhost”的路径级权限判定。

　　桌上那只干了的马克杯，底儿结了圈白渍，杯沿还沾着半片茶叶。切图文件夹里的命名乱七八糟，“icon_home_active@2x.png”和“home_icon_active_2x.png”同时存在，三个版本的loading动效放在同一级目录。前端小陈一边改空态组件一边念叨：“你们给的空图宽高比不对，我得用object-fit: cover硬裁。”我没接话。因为我知道，真正卡住他的不是空图，是那个Android 12以上强制开启的StrictMode，它会把任何非https请求打成net::ERR_CLEARTEXT_NOT_PERMITTED——哪怕你url写的是http://localhost，它也当明文流量封掉。

　　我原以为只要在webview.getSettings().setMixedContentMode(WebSettings.MIXED_CONTENT_COMPATIBILITY_MODE)里塞进去就行，结果发现这个API在Android 8.0之后就被标为deprecated，新项目必须走NetworkSecurityConfig。可Windows下模拟器根本不认res/xml/network_security_config.xml里的domain-config——除非你把域名从localhost换成10.0.2.2，还得配上tools:targetApi="28"。这不是配置问题，是生态打架。

　　张薇昨天改稿子改到凌晨两点，把首屏加载态从骨架屏换成文字提示“正在连接服务…”，就为避开WebView初始化那段600ms的render阻塞。她截图问我：“这个‘…’用的是全角还是半角？”我说“半角”，她立刻切回Sketch改。可实际上，那三个点的视觉节奏完全取决于设备dpi缩放系数，Android真机测出来差2px，Windows浏览器里根本看不出区别。

文章配图，仅供参考

　　所以别再说什么“统一开发规范”了。Windows和Android本就不共享同一套运行时信任链，你非要把它们塞进同一个webpack config里，就跟让UI设计师用同一套栅格去适配4K屏和1280×720的老平板一样——逻辑上通，物理上撞墙。那个被改废的稿子，我记得很清楚：第八版用了CORS代理插件，第九版换成反向代理nginx，第十版……记不清是第几版了，反正最后落地的，是Android侧写死10.0.2.2，Windows侧改hosts，中间夹一层无状态的http-proxy-middleware，不校验origin，不拦截referer，就为把“localhost”三个字从所有报错堆栈里彻底抹干净。

　　无所谓。反正现在跑起来了。至少今天下午三点前还能应付验收演示。至于明天会不会又被哪个系统更新推翻——等它真的崩了再说。先把你桌角那堆psd归下类？别放desktop，放“临时_待确认_2023”文件夹里，虽然它可能永远不会再被打开。

（编辑：草根网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!