ionic2本地真机调试出现net::ERR_CACHE_MISS

在ionic2的app开发中,在本地电脑上测试一点问题都没有,而且获取数据没有任何问题,但是使用在真机上却出现了net::ERR_CACHE_MISS,这个错误是我通过chrome://inspect/进行调试的时候看到的,如果你不知道什么是chrome://inspect/,可以阅读我的另一篇文章《app开发之在chrome中进行真机调试》。出现这个问题就是无法连接网络,但是我的服务器就是本地搭建的,而且手机与电脑在同一个局域网,不可能发生这样的事情啊,刚开始以为是防火墙出现了问题,关闭了防火墙后,问题依旧,网上百度了半天没有找到结果,这里请允许我鄙视下百度,我在google一搜就找到相关的问题解决办法了。
首先,出现这个错误主要的原因是因为我们的app没有网络权限,因此我们得给app增加网络权限。
其次,增加权限涉及到我们的platform,下面就跟我一起增加相关代码来实现局域网app访问本地服务器。
1、打开项目根目录platform目录下的AndroidManifest.xml
2、在文件之间增加以下代码来开启app网络权限

<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />

在增加前,请先看下是否已经包含了以上某段代码,如果已经存在的就无需在进行增加。
3、重新build你的app到你的手机,访问即可正常!

发表评论

电子邮件地址不会被公开。 必填项已用*标注