12.前端显示空白或白屏或提示网络请求错误的问题

空白或网络请示错误排查

如果编译后预览发现是空白的页面，或者空白且提示网络请求错误，你需要按以下方法进行排查，如下：
1、请检查addons/cms/uniapp/common/http.interceptor.js中配置的url值是否正确，微信小程序真机体验要求必须使用https协议。

2、在当前页面空白处鼠标右键->点击检查，或按F12，打开浏览器的开发者工具调试面板，打开后按如下图的操作。

点击Console看看是否有报错信息。

3、点击Network查看接口的响应状态，和点击Preview查看返回信息是否正确。如下图所示：

如果提示404错误，检查下服务器伪静态是否配置好，参考文档或视频教程中的伪静态配置章节，
视频教程：https://www.fastadmin.net/video/install.html
文档教程：https://www.kancloud.cn/manual/thinkphp5/177576

跨域错误排查

如果提示403跨域错误或strict-origin-when-cross-origin错误，请修改下application/config.php中的cors_request_domain设置允许跨域的域名，如果仍然提示跨域错误，请按下方的步骤排查

1、首先尝试手动双击上方图示3对应的接口，检查能否正常输出内容，如果提示404，检查下后端的伪静态是否配置好，参考文档，伪静态配置

2、如果能正常输出内容，请检查你接口中请求的地址是否使用http协议，如果你的服务器配置了自动跳转到https，也是会报此错误，此时请将你接口中的地址修改为https协议

3、最后检查是否使用了Windows记事本编辑配置文件或PHP代码，Windows记事本直接编辑PHP代码会导致文件编码变更，导致响应输出额外的信息。

4、如果以上情况都排除了，可以尝试使用ApiPost工具来发送一个OPTIONS请求，如图：
检查响应头是否正常输出红色框选的部分，其中Access-Control-Allow-Origin必须返回你当前请求的域名，并且实时响应中的内容应该为空。

更多的错误查询请阅读 : 开发错误解读知识贴

温馨提示

1、如果你使用手机预览，而你的接口地址在开发机器做了Hosts，你手机上是无法请求到你的接口的，也是会报错误或白屏
2、如果你在小程序中真机(手机)调试或预览，请务必将程序部署到外网再进行调试，同时配置好https请求，微信小程序真机只支持https协议。
3、请检查你的域名SSL证书是否正确，请参考微信小程序对HTTPS证书的要求：https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html#HTTPS-%E8%AF%81%E4%B9%A6
4、微信小程序请检查是否在微信小程序开放平台配置REQUEST合法域名
5、检查你的域名配置是否正确、解析是否正常