微信小程序web-view无法打开该页面不支持打开的解决方法

  • Post category:http

这个问题主要是由于微信小程序中的web-view组件的限制导致的,web-view无法打开非HTTPS协议的网站以及没有备案的域名。

要解决这个问题,可以从以下两个方面入手:

1. 使用HTTPS协议链接

由于微信小程序web-view组件的限制,如果你的网站使用的是HTTP协议,那么在小程序中就无法打开。因此我们可以通过使用HTTPS链接来避免这个问题。

如果你使用的是云服务器,可以购买SSL证书并配置到你的服务器上,让你的网站支持HTTPS。如果你使用的是一些云服务提供商的托管服务,则可以查阅相应的文档,了解如何为你的网站开启HTTPS协议支持。

2. 网站备案

如果你的网站还没有备案,那么在微信小程序中访问该网站也会受到WEB-VIEW组件的限制。因此,我们需要去备案该域名,然后再运行微信小程序,该网站可以正常打开。备案的具体流程可以去备案服务机构的官网进行查看。

示例1:通过使用HTTPS协议来解决

<!-- index.wxml -->
<web-view src="https://example.com"></web-view>

在示例中,我们直接使用HTTPS协议链接来加载网站,这样就避免了微信小程序中web-view组件不支持HTTP协议的问题。

示例2:备案域名以解决

<!-- index.wxml -->
<web-view src="https://www.example.com"></web-view>

在示例中,我们已经备案了域名,可以直接使用HTTPS协议来加载网站,这样就避免了微信小程序中web-view组件不支持HTTP协议以及未备案的问题。