h5打包app后不能请求网络

在移动应用开发中，使用HTML5技术可以开发出具有多平台兼容性的应用，同时可以将这些应用通过打包的方式打包成app以发布到应用商店。但是使用HTML5技术开发的应用打包成app之后可能会存在不能请求网络的问题。这主要是因为打包成app的应用使用的是本地资源，而不是网络资源，导致请求网络失败。下面将详细介绍原因和解决方法。

1. 原因

使用HTML5技术开发的应用在网页浏览器中都是通过网络请求资源，而在打包成app之后，资源文件都是被打包到app中的，这就导致了打包成app后不能请求网络的问题。具体来说，主要有以下几个原因：

（1）安全性限制：对于iOS和Android的应用程序来说，由于对安全性有限制，应用程序不允许访问外部网站，包括AJAX和Websocket请求。

（2）CORS限制：iOS APP和Android APP中WebView有CORS限制，使得使用跨域请求API等非跨域请求变得有些复杂。

（3）协议限制：iOS APP中Webview不允许http请求。

2. 解决方法

为了解决打包成app后请求网络失败的问题，可以采用以下几种方法：

（1）采用Hybrid模式：Hybrid模式是一种由Native和HTML5技术结合而成的模式，核心思想是在原生应用中嵌入一个Webview浏览器组件，并在其内部加载本地静态页面。

（2）使用手机Gap：PhoneGap是一个基于HTML、CSS、JavaScript的跨平台开发框架，利用PhoneGap模板可以轻松开发iOS和Android应用程序。

（3）使用native扩展：可以使用一种名为Naive扩展的技术来将native功能扩展到Web应用中，这些扩展可以在应用程序的Web页面中开启一个新窗口，或通过native代码来访问Web页中的JavaScript。

（4）使用https协议：由于iOS APP中Webview不允许http请求，因此可以将API接口等资源放在https协议下，在Webview中进行访问。

综上，对于使用HTML5技术开发的应用而言，在打包成app后不能请求网络的问题主要是由于安全性限制、CORS限制和协议限制等原因导致的。建议解决方法主要有采用Hybrid模式、使用PhoneGap、使用native扩展和使用https协议等，通过这些方法可以有效解决打包成app后不能请求网络的问题。