微信小程序预览无法连接到服务器的几种情况总结

1、微信小程序发布线上要跟服务器进行通信，必须在微信开发者后台配置服务器域名，包括普通 HTTPS 请求（wx.request）、上传文件（wx.uploadFile）、下载文件（wx.downloadFile) 和 WebSocket 通信（wx.connectSocket）

2、在开发调试阶段，可以在开发者工具中开启不校验请求域名、TLS版本及HTTPS证书 选项

3、小程序必须使用 HTTPS/WSS 发起网络请求，HTTPS 证书必须有效，在外网可以验证

4、如果开启了跳过域名校验，小程序在手机预览的时候，必须打开调试模式才能连接到服务器，这是微信特意这样设计的，调试模式才可以跳过域名校验，预览模式不可以。

看一段微信小程序开发者文档的一段原话：

跳过域名校验

在微信开发者工具中，可以临时开启 开发环境不校验请求域名、TLS版本及HTTPS证书 选项，跳过服务器域名的校验。此时，在微信开发者工具中及手机开启调试模式时，不会进行服务器域名的校验。

在服务器域名配置成功后，建议开发者关闭此选项进行开发，并在各平台下进行测试，以确认服务器域名配置正确。

如果手机上出现 “打开调试模式可以发出请求，关闭调试模式无法发出请求” 的现象，请确认是否跳过了域名校验，并确认服务器域名和证书配置是否正确。